Сохранение для Web
- Автор:
Неизвестно
- Сложность:
- Комментариев:
- Вам доступно:
-
Поделиться:
Категории материала

Часто при выкладывании изображения в интернет не требуется сохранение его очень высокого качества, к тому же загрузка слишком "тяжёлых" изображений на web-старницы ведёт к долгой их загрузке и потери лишних объёмов трафика, что для многих является не маловажным.
Поэтому логично истользовать в таком случае при сохранении изображения функцию Adobe Photoshop - Файл - Сохранить для Web (Alt+Shift+Ctrl+S).
Применение данной функции позволяет уменьшать объём графических файлов в разы, а то и в десятки раз, при этом визуально не снижая их качество на экране монитора.
Здесь можно выбрать формат сохраняемого файла и настроить любые параметры этих файлов.
При этом все изменения тут же видны. Качество будущего файла можно оценить визуально и сравнить его с оригиналом. Его будущий размер появится под ним.
Среди настроек изображения можно найти такие как:
Dither
Это сглаживание изображения. При небольшом изменении это может значительно понизить размер, не затронув качества.
Lossy
Весьма эффективный алгоритм предварительной обработки изображения. Чем больше значение, тем меньше размер и тем хуже качество. Но изменение в пределах 5-15% почти не влияют на качество, зато снижают размер файла.
Matte
Кайма. Этот пункт обеспечивает незаметный переход от кромки изображения к фоновому цвету. Кайма должна быть того же цвета, что и фон на котором будет располагаться изображение. Не забывайте про этот пункт.
Colors
Определяет количество цветов, используемых в вашей картинке. Чем меньше цветов, тем меньше размер.
Transparency
Прозрачность. Если на вашей картинке есть прозрачные области, то поставьте значок рядом с этим пунктом, иначе эти области будут залиты цветом, который стоит в пункте Matte.
Interlaced
Определяет тип появления изображения в процессе его загрузки. Если флажок убран, то изображение будет показываться постепенно. То есть сначала будет показан самый верх, потом все больше и больше, пока всё изображение не загрузится. Если же флажок поставлен, то изображение появится всё и сразу, но оно будет очень плохого качества. В процессе загрузки картинка будет обретать чёткость, пока не загрузится вся.
Color Table
Цветовая палитра оптимизированного изображения. В ней вы можете вручную изменять цвета, добавлять новые, или делать прозрачными уже имеющиеся.
Blur
Размытие. Чем больше, тем резкость, чёткость и размер изображения меньше.
Quality
Качество. Ну тут всё понятно. Вам просто надо найти компромисс между размером изображения и его качеством.
Selective, Adaptive, Web...
Эти значения влияют на палитру цветов, используемых в изображении. Если, к примеру, стоит палитра Web, то все цвета изображения будут заменены на близкие им из цветовой таблицы.
И проч.
В Adobe ImageReady так же есть такая функция, но здесь необходимо заранее выбрать из 4 вариантов одно наиболее подходящее, выделить его, а затем сохранять в формате gif.










Комментарии
Комментировать