Подписаться на блог
В Твиттере

Реплики и ссылки на заметки

В Фейсбуке

Ссылки на заметки

Вконтакте

Ссылки на заметки

В Телеграме

Ссылки на заметки

В Тумблере

Заметки целиком

В Же-же

Заметки целиком

По РСС

Заметки целиком

Если что-то из этого не работает, напишите мне: ilyabirman@ilyabirman.ru.

Пара слов об уменьшении GIF’ов

GIF — формат с палитрой. Это значит, что вместо того, чтобы хранить цвета пикселей как RGB, он хранит в начале список используемых в изображении цветов (собственно, палитру), а потом уже записывает просто номера нужных цветов.

Когда вы открываете GIF-картинку в Фотошопе, он работает с ней в режиме палитры (Index), то есть использует только те цвета, которые уже есть в этом файле. Если вы при этом уменьшаете её размер, то ему необходимо смешивать цвета нескольких пикселей. Проблема в том, что в используемой палитре таких цветов нет; поэтому ему приходится брать ближайшие похожие, которые есть. Вот как выглядит картинка до уменьшения (пиксели в масштабе 2:1):

GIF-изображение до уменьшения

При уменьшении вдвое получается вот что (пиксели уже в масштабе 4:1):

GIF-изображение после неумелого уменьшения

Чтобы такого ужаса не получалось, нужно сначала преобразовать изображение в режим RGB, чтобы Фотошоп вообще забыл про палитру, потом уменьшить, а потом сохранить в GIF заново, чтобы создать новую, подходящую палитру (грамотное преобразование изображения в режим палитры — отдельная наука). Получится вот что:

GIF-изображение после нормального уменьшения

Так названия даже остаются читаемыми в некоторой степени.

Если вы отправляете мою схему Метро на «Бизнес-линч», назвавшись мной, то вам, помимо получения навыков масштабирования GIF-изображений, стоит, как мне кажется, ещё и пересмотреть свои моральные принципы. С последним обычно помогают родители.

Но на кой чёрт вам понадобилось её уменьшать вообще?
Подписаться на блог
Поделиться
Отправить
9 комментариев
Илья Новиков
Надо же, кто-таки это сделал. Но главное, что линчевать не стали :-)
Илья Бирман
У меня не было сомнений, что идиот найдётся ;-)
Олег Андреев
> Но на кой чёрт вам понадобилось её уменьшать вообще?

Она уже оптимизирована под бизнес-линч? :)
Александр
Илья Новиков
А с чего вы взяли, что её отправили, и что линчевать не стали? Просто интересно, откуда информация.
Владимир
Судя по тому, что на бизнес-линче её сейчас нет, есть два варианта:

1. Её отлинчевали, но Вы написали Лебедеву и её убрали.
2. Прежде, чем линчевать, Лебедев связался с Вами.

Какой верен?
Илья Бирман
Второй.
Илья Новиков
Александр,

Илья Бирман двумя экранами выше пишет, явно обращаясь к человеку, отправившему схему на «Бизнесс-линч»:
Если вы отправляете мою схему Метро на «Бизнес-линч», назвавшись мной, то вам, помимо получения навыков масштабирования GIF-изображений, стоит, как мне кажется, ещё и пересмотреть свои моральные принципы. С последним обычно помогают родители.

Но на кой чёрт вам понадобилось её уменьшать вообще?
Соответственно, кто-то схему-таки отправил, а Артемий Лебедев (возможно, предупрежденный заранее, что Илья в линче не нуждается) запросил подтверждение отправки работы у Бирмана, показав и заботливо уменьшенную картинку, присланную тайным поклонником.

А то что линчевать ее в последствие не стали, мне очевидно, потому что я постоянно слежу за «Бизнесс-линчем» и, помимо этого, на всякий случай воспользовался поиском.
A!e%
Офтопик.

А вот интересно, может ли кто-то уменьшать, используя subpixel-редеринг? Оччень интересно.
Никита Козин (Wonder)
Стрелять. Всех стрелять... :)
AG
А чем вызвано такое нежелание услышать мнение профессиональных дизайнеров?
Илья Бирман
Схема была опубликована уже с учётом мнения и рекоммендаций вышеозначенных профессиональных дизайнеров.
Vitaly Harisov
Такие большие картинки лучше сохранять в PNG-8, размер меньше будет, чем у GIF при том же качестве.

Пользовательский интерфейс
Доступен первый раздел
электронного учебника

Популярное