Низкий GIF делает возвращение просто потому, что с увеличением использования смартфонов и пользователей с ограниченной пропускной способностью ожидается почти мгновенное время загрузки. Чем меньше ваши веб-изображения, тем быстрее будут загружаться ваши изображения и тем счастливее будут ваши посетители. Кроме того, многие веб-сайты имеют ограничения на размер рекламных баннеров.
Изображения GIF и веб-страницы
GIF-изображения не должны рассматриваться как один размер для всех решений. GIF-изображения имеют максимум 256 цветов, что означает, что вы можете ожидать серьезного ухудшения качества изображения и цвета, если не будете осторожны. Формат файлов GIF во многих отношениях является устаревшим форматом, который восходит к самым ранним дням Интернета. До введения формата GIF веб-изображения были черно-белые и сжаты с использованием формата RLE. Они впервые появились на сцене в 1987 году, когда Compuserve выпустил формат в виде решения для веб-изображений. В то время цвет только что появился на рабочем столе, и к Интернету подключили модемы, подключенные к телефонной линии. Это создало потребность в формате изображения, в котором изображения были достаточно маленькими, чтобы доставляться через телефонную линию в веб-браузер в короткие сроки.
Изображения GIF идеально подходят для графики с острыми краями с ограниченной цветовой палитрой, например, логотипом или чертежом. Хотя их можно использовать для фотографий, уменьшенная цветовая палитра будет вводить в изображение артефакты. Тем не менее, движение Glitch Art и рост кинематографа вызвали новый интерес к формату GIF.
Как уменьшить размер файла GIF для улучшения производительности веб-сайта
Эти советы помогут вам сделать ваши GIF как можно меньше.
-
Удалите лишнее пространство вокруг изображения. Уменьшение размеров пикселей вашего изображения является самым эффективным способом уменьшить размер файла. Если вы используете Photoshop, команда Trim хорошо работает для этого.
-
Когда вы готовите образ gif, вы можете уменьшить размеры вывода.
-
Уменьшите количество цветов на изображении.
-
Для анимированных GIF-файлов уменьшите количество кадров на изображении.
-
Если вы используете Photoshop CC 2017, вы можете создать GIF-файл, используя пункт меню «Экспорт как». Выбрать файл > Экспорт как … и когда откроется меню, выберите GIF в качестве формата файла и уменьшите физические размеры (Ширина и высота) изображения.
-
Если вы используете Adobe Photoshop Elements 14, выберите файл > Сохранить для Интернета. Это откроет диалоговое окно «Сохранить для Интернета», которое также найдено в Adobe Photoshop CC 2017, файл > экспорт > Сохранить для Интернета (Наследие), Когда он открывается, вы можете применить сглаживание, уменьшить цвет и физические размеры изображения.
-
Избегайте сглаживания. Сглаживание может сделать некоторые изображения лучше, но это увеличит размер файла. Если ваше программное обеспечение позволяет это, используйте более низкий уровень сглаживания для сохранения дополнительных байтов.
-
У некоторых программ есть опция «с потерями» для сохранения GIF. Этот параметр может значительно уменьшить размер файла, но также снижает качество изображения.
-
Не используйте чередование. Переплетение обычно увеличивает размер файла.
-
И Photoshop, и Photoshop Elements покажут время загрузки. Не обращайте на это внимания. Он основан на использовании модема 56k. При выборе кабельного модема из выпадающего меню появится более допустимое число.
подсказки
- Избегайте ненужной анимации. Чрезмерная анимация не только добавляет время загрузки вашей веб-страницы, но многие пользователи считают ее отвлекающей.
- Изображения GIF с большими блоками сплошного цвета и горизонтальными рисунками сжимаются лучше, чем изображения с цветовой градацией, мягкими тенями и вертикальными узорами.
- При уменьшении цветов в GIF вы получите наилучшее сжатие, когда количество цветов будет установлено как можно меньше из этих параметров: 2, 4, 8, 16, 32, 64, 128 или 256.
