HEIC файл?

Привіт.

Що таке HEIC-файл?

Під час зйомки зображення (або кількох зображень, якщо використовується подвійна камера або функція Live Photos) на iPhone або iPad зберігаються у форматі HEIC.

HEIC означає «контейнер зображень високої ефективності» (скорочено від англ. High Efficiency Image Container). Він є оновленим варіантом формату HEIF (скорочено від англ. High Efficiency Image Format – формат зображень високої ефективності), який компанія Apple традиційно використовує на своїх мобільних пристроях.

Навіщо я вам це пишу? А справа  в тому що з цим форматом нас здорово кинув Microsoft.

А до чого тут Гейтс, - спитаєте ви? - Це ж Apple! 

А я вам відповім. Штатний редактор Paint в Windows 10 має в своєму переліку формат HEIC як такий що може зберігати та відкривати такі файли. Та невже? А от і дзуськи! Ні того ні того він не може зробити з таким форматом. Навіть MS Photo на перегляд формату HEIC відразу біжить в MS Store за платним(!) плагіном HEVС decoder.

В мережі є порада встановити інший безкоштовний плагін для перегляду HEIC з того ж таки магазину. Не поспішайте, бо то ще один жарт від Microsoft - той плагін не працює! І не видаляється після встановлення.

Такі справи.

Руководство по оптимизации JPG.

Добрый день! Очередное детальное руководство от команды Айри.рф  про то как правильно оптимизировать JPEG изображения на сайте без видимых потерь качества, чтобы сократить их размер до 50%. Замечу что первые 5 методов доступны даже новичку, с остальными следует быть особо осторожными.

Формат JPEG в силу DCT-кодирования и таблиц Хаффмана изначально подразумевает потерю качества. И даже сохранение в режиме "100%" не устранит потерь. Но эти потери можно сделать незаметными для глаза или допустимыми в конкретном случае использования. Или использовать некоторые особенности формата, чтобы кодировать JPEG совсем без потерь.

1. Оптимизация для Web

Базовый совет: при сохранении в любом редакторе (Photoshop, Gimp и др.) используйте отдельную опцию «Сохранить для Web». Это сделает изображение совместимым по цветовой палитре со всеми браузерами. А также удалит из него некоторую дополнительную информацию (например, превью-изображения), которая необходима обычным редакторам для быстрого просмотра множества изображений, но совершенно не подходит браузерам (которые не используют превью в JPEG-изображениях ни в каком виде).

Естественно, что фактические размеры изображения должны соответствовать максимальным размерам, используемым на сайте. Наиболее частая ошибка в работе с картинками на сайте: взять их в исходном виде, без приведения к нужным размерам. Это многократно увеличивает размер сайта и существенно замедляет его загрузку.

Руководство по оптимизации PNG.

Всем привет. А сегодня команда Айри.рф подготовила детальное руководство, как правильно оптимизировать PNG изображения на сайте без видимых потерь качества, чтобы сократить их размер. Примерно четверть изображений на сайтах — это именно PNG. Понимание формата и средств его оптимизации позволит сделать сайты быстрее за счет меньшего размера PNG-изображений.

PNG-формат предполагает отсутствие потерь в качестве при сохранении изображений (да, он позволяет иметь полноцветное изображение с полупрозрачностью БЕЗ потерь качества). Но для сохранения этого преимущества не обязательно проигрывать в размере. В некоторых случаях — например, градиентные или малоцветные изображения — PNG является наиболее выгодным форматом с точки зрения размера.

1. Выбор правильного формата

Далеко не всегда PNG является оптимальным форматом для представления изображения. Если количество цветов в PNG очень большое, то оптимальнее использовать JPEG формат. Но не всегда это получается сделать из-за поставленной технической задачи: например, требуется обеспечить прозрачность или полупрозрачность для совместимости с фоном.

В этом случае стоит рассмотреть вариант либо совмещения PNG-изображения с фоном для сохранения в формате JPEG, либо генерации набора изображений (с различными фонами) — опять-таки для финального сохранения в формате JPEG. В большинстве случаев полноцветное изображение в JPEG будет в 2-3 раза меньше по размеру PNG-эквивалента.

2. Удаление чанков

Существует огромное количество программ для оптимизации PNG, и большинство из них делает примерно одно и то же: подбирают различные наборы фильтров для уменьшения размера основной, цветовой информации. Но есть еще несколько подходов для уменьшения размера PNG-изображений, которые также нужно иметь в виду.

Первый из них: это удаление мусора в мета-информации (неиспользуемых чанков) и в используемой палитре (неиспользуемых цветов). Важными являются IHDR, IDAT и IEND-чанки. Все остальные содержат вспомогательную информацию (но, например, удаление чанка gAMA приводило к «порче» изображений в браузере Safari старых версий). Чанки с комментариями, датой изменения и цветовыми профилями (для полиграфии) можно смело вычищать: для браузера это бесполезный набор символов. Удалить чанки можно при помощи утилиты ExifTool.