• Автор:

    Flesha
  • Добавлено:

    окт 22, 2014
  • Комментариев:

    3
  • Просмотров:

    1513

Картинки без потери качества

Картинки без потери качества

Здравствуйте, наверное каждый хотел уменьшить картинку так что бы не потерять ее качества, или что бы она не размазалась и стала не четкой. Для этого давно есть скрипт TimThumb.

И так давайте рассмотрим поближе его возможности, а начнем с простого, с установки :
1) Качаем сам скрипт. (Скачать можете в конце статьи)
2) Создаем папку в корне сайта и назовем просто timthumb

Картинки без потери качества


3) Кидаем сам скрипт в эту папочку, и создаем файл .htaccess с этим содержанием :
Order Deny,Allow
Allow from all
Options -Indexes


Что бы наши фотографии индексировались как положено.
Картинки без потери качества


А теперь рассмотрим его применение. Там где хотим уменьшить картинку
<img src="/timthumb/timthumb.php?src={image-1}&amp;w=800&amp;h=600&amp;q=100&amp;zc=1" width="800" height="600" alt="{title}" />


Разбираем код,
{image-1} - это наша первая картинка которая вставилась в новость. Можно менять на что угодно, хоть доп поле хоть свой тег. Но ссылка должна быть прямой, то есть http://flesha.ru/uploads/posts/2014-10/1414003181_2.png и больше ничего, прямое поссылание на картинку.
w=800 - это ширина которую делает наш скрипт, меняем на свое значение.
h=600 - это высота которую делает наш скрипт, меняем на свое значение.
q=100 - это качество картинки, равно 100, то есть без потери.
zc=1 - это пропорция картинки.

А теперь подробнее о всех тегах:
w - Ширина картинки. Задается таким образом w=800, где 800 ваша ширина.
h - Высота картинки. Задается таким образом h=800, где 800 ваша высота.
q - Качество картинки. Задается таким образом q=100. Значение может быть от 0 до 100. Где 0 самое худшее качество а 100 наилучшее качество.

a - Позиция обрезание картинки. Имеет такие значения c, t, l, r, b, tl, tr, bl, br.


zc - Это зум обрезатель. Задается таким образом h=1. Значение может быть от 0 до 3. Теперь подробней


f - Графический фильтр, задает разные фильтры для изображения. Вы сможете изменить яркость, или даже размыть изображение. Задается таким образомf=1,10. Значение может быть от 1 до 11. Теперь подробней


cc - Изменяет цвета фона. Задается таким образом cc=#ffffff . Допустимы значения примера #ffffff.
ct - Использует прозрачность и игнорирует цвет фона. Задается таким образом ct=1. Где 1 это true, других значений нету.

Автор: Gameer
Источник: igameer.ru

Внимание! У Вас нет прав для просмотра скрытого текста.
Вернуться

Комментарии:


  1. Gameer → 26 ноября 2014 19:00
    В случае полного копипаста, прошу оставлять прямую Рабочую ссылку на статью!
  2. Flesha → 27 ноября 2014 09:47
    Сделал ссылку.
  3. modi34 → 7 декабря 2014 14:39
    использовать этот скрипт небезопасно....
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.