В прошлом уроке мы рассматривали уменьшение размера файла и оптимизация изображения для интернет страниц в формате Jpeg. А теперь как обещал, будем учиться сохранять в Gif.

Для сохранения в Gif формате больше подходят изображения с малым количеством цветов, векторные изображения и прочие.

Я открыл изображение (Ctrl+O или File >> Open) размером 412 Кб, 1055х730 px. Заходим в File >> Save For Web & Devices (Save For Web в ранних версиях Adobe Photoshop).

Уроки Photoshop Как менять размер файла без потери качества в формате Jpeg

Выбираем формат Gif (1) и меняем размер (2) который нам необходим. Если такое изображение сохранять в Jpeg, размер получается около 130 Кб, но если в Gif, то около 50-60Кб, что в два раза меньше. Почему? Потому что здесь сплошные заливки, без градиентов и граций цветов. А этот формат позволяет использовать меньшую разрядность цвета, что значительно уменьшает размер файла. Здесь самое главное правильно настроить и сжать палитру.

Уроки Photoshop Как менять размер файла без потери качества в формате Gif

Рассмотрим правую панель. Color (Цвета) (3) – значение соответствует количеству цветов в палитре, т.е. уменьшая, мы убираем цвета, которые находятся в переходе между другими цветами. Чем меньше цветов в изображении, тем меньше это значение необходимо установить. Также во вкладке Color Table вы можете каждый цвет в палитре самостоятельно удалять (4), копировать (5), блокировать (6), заменять (7) и устанавливать прозрачность вместо определенного цвета (8). Ниже есть бегунок Web Snap (9) – при увеличение значения, он заменяет наши цвета подобным из стандартной Web палитры или выбрать самим палитру (10), влияющий на уменьшение размера файла.
В списке (11) можно выбирать варианты смешения цветов. Это делается, для того чтобы уменьшить размер файла, за счет переходов между границами цветов.
Параметр Lossy (12) отвечает за потерю качества изображения, по умолчанию 0 – это означает, что потерь 0%.
И в заключение еще одна особенность Gif формата, в отличие от Jpeg – есть возможность сохранять с прозрачностью. Для этого надо поставив галочку (13) и выбрать вид прозрачности.

После всех этих настроек у меня размер файла (14) вышел чуть более 57 Кб, а это около в 7-8 раз меньше оригинала!!!

Подведем итоги, в последних двух уроках мы рассматривали способы уменьшения размера файла и оптимизацию изображений для интернет страниц в формате Jpeg и Gif, при помощи диалогового окна «Save For Web». Если Вы всё поняли и научились, то Вам не придется мучать посетителей своим сайтом, где лежат файлы огромного размера. )) Эти уроки также полезны для людей, которые отправляют фотографии по почте.

16 раз откомментировали

#1
Денис

Добрый день. Все просто, а когда перевожу в gif текст белого цвета на прозрачном фоне он становится битым. Какие параметры должны быть в настройках? Можете рассказать о подводных камнях и сложностях?

09.06.2008 - 13:11
#2
admin

Смотря для каких целей вам нужен этот текст с прозрачным фоном! Если я для полиграфии, то необходимо сохранять в формат .tiff, так как .gif не подходит для этих целей – теряется качество.
Если для Web, то выберите один из подходящих значений Matte, в вашем случае White. Если у вас например, фон где будет этот текст зеленого цвета, поставьте зеленый цвет в панели инструментом слева и выберите Matte: Foreground или Background.
Удачи! )

09.06.2008 - 20:59
#3
Анюта

Круто! Все очень толково и грамотно, и в то же время без умствований и самолюбования, и на доступном языке. Редкий случай когда человек делится актуальной и интересной инфой. Спасибо автору!

29.07.2008 - 21:38
#4
admin

Анюта! Этот сайт изначально, я планировал, сделать для самых начинающих в Photoshop. ))

30.07.2008 - 21:14
#5
Иван

Я так понимаю, в самом последнем абзаце как раз таки вся соль и изложена 😉

05.09.2008 - 23:07
#6
Frenchman

Я никогда не сомневался в Вашем интеллектуальном уровне, но поймите, не все такие как Вы.

06.09.2008 - 06:05
#7
Nike

что-то в этом есть, безусловно

29.09.2008 - 03:16
#8
Vasjok_Smocker

Очень интересно, продолжай в том же духе!

25.10.2008 - 17:40
#9
Андрей

Неплохой материал. Жду новых публикаций.

29.10.2008 - 07:49
#10
dedvitalik

Интересно, я даже и недумала об этом…

12.11.2008 - 21:32
#11
Snegohod

Очень хорошее и полезное сообщение. Сам недавно искал в интернете данную тему и все обсуждения связанные с ней.

20.11.2008 - 17:46
#12
lpovarenko

Спасибо, очень интересно. Продолжение будет ?

21.11.2008 - 22:26
#13
delomnik

позитивно все это и очень познавательно

22.11.2008 - 03:23
#14
ckrosotka

Спасибо! Доходчиво и понятно объяснил

26.11.2008 - 00:53
#15
Сергей

Это всё очень замечательно,но вот какая заморочка: Пишет то, что некоторые файлы содержат не латинские символы. Может это из-за русской версии CS-3? Помогите. Пожалуйста!!

09.12.2008 - 04:40
#16
Graf

Здравствуйте! А можно сделать такой же урок о том, как уменьшать анимацию в формате GIF?

13.04.2009 - 10:19
 

Оставьте комментарий

Можно смешной псевдоним 
На сайте не показывается. 
Защита от спамеров