Форматите за изображения накратко: JPG, PNG, WebP, AVIF, GIF, BMP и ICO
Кой формат да използвате за снимки, лога, екранни снимки, уеб страници, печат и социални мрежи, и защо.
Всеки формат за изображения е компромис между размер на файла, качество, прозрачност, анимация и съвместимост. Ако изберете грешния, получавате или раздут файл, или размазано лого. Това ръководство обяснява за какво е добър всеки формат и дава числата, от които имате нужда, за да решите.
Двата вида компресиране
Компресирането без загуби запазва всеки пиксел точно и просто намира по-ефективен начин да запише същите данни, както прави ZIP. Отворете и запазете изображение без загуби хиляда пъти и то няма да се промени. PNG, BMP, GIF и WebP без загуби работят по този начин.
Компресирането със загуби изхвърля информация, като се насочва към детайлите, към които човешкото око е най-малко чувствително: фина текстура, едва забележими разлики в цвета, високочестотен шум. Резултатът може да е десет пъти по-малък от файл без загуби без видима разлика, но всяко ново запазване губи още малко. JPG, WebP със загуби и AVIF работят по този начин.
Първото правило следва директно от това: използвайте формати със загуби за снимки, които са пълни с шум и текстура, които никой няма да забележи, и формати без загуби за графики с остри ръбове, плътни цветове и текст, където всеки пиксел има значение.
Формат по формат
JPG (JPEG)
Форматът за снимки от 1992 г. насам. Със загуби, 8-битов цвят, без прозрачност, без анимация. Поддържа се от всичко, създавано някога. Настройката за качество от 0 до 100 управлява компромиса; 80 до 85 е златната среда за всеки ден. Слабостите му са видимите „блокове“ при ниско качество, ореолите около острите ръбове и липсата на прозрачност. Използвайте го за снимки, които отиват извън браузъра: имейл, печат, онлайн пазари, по-стар софтуер.
PNG
Без загуби, до 16-битов цвят, пълна алфа прозрачност, без анимация (APNG съществува, но се среща рядко). Правилният избор за лога, икони, екранни снимки, диаграми, графики и всяко изображение, което се нуждае от прозрачен фон. Слабостта му е размерът: снимка в PNG може да е десет пъти по-голяма от JPG. Никога не използвайте PNG за снимки в уебсайт.
WebP
Уеб форматът на Google, вече поддържан от всеки съвременен браузър. Има режим със загуби и режим без загуби, поддържа прозрачност и в двата, и поддържа анимация. WebP със загуби е с около 25 до 35% по-малък от JPG при същото качество; WebP без загуби е с около 25% по-малък от PNG. Това е най-добрият универсален формат за всичко, което се показва в браузър. Слабостта му е съвместимостта извън браузъра: по-стар софтуер за компютър, някои имейл клиенти и много формуляри за качване все още го отхвърлят.
AVIF
Още по-нов, базиран на видеокодека AV1. Обикновено е с 50% по-малък от JPG и с 20% по-малък от WebP при същото качество, с прозрачност, анимация и поддръжка на широка цветова гама. Поддържа се от всички съвременни браузъри от 2024 г. Кодирането е бавно, особено в браузъра, а поддръжката в софтуер извън браузъра все още е непълна. Използвайте го, когато размерът на файла е критичен и вие контролирате средата, в която се показва; предлагайте WebP или JPG като резервен вариант.
GIF
От 1987 г. Ограничен е до 256 цвята на кадър, прозрачност с един цвят и анимация, която е единствената причина все още да е навсякъде. Ужасен за снимки, приемлив за прости графики, ненадминат по съвместимост. За неподвижни изображения PNG прави всичко, което прави GIF, но по-добре; за анимация MP4 или анимиран WebP са много по-малки.
BMP
Некомпресиран растер на Windows. Огромни файлове, без прозрачност при обичайна употреба, без компресиране. Оцелява само защото се чете изключително лесно, което е важно за вградени устройства и стар софтуер. Никога не го използвайте за уеб или за съхранение.
ICO
Форматът за икони на Windows и за фавикони в браузъра. Съдържа няколко размера на едно и също изображение в един файл, за да може да се избере правилният за раздел, отметка или пряк път на работния плот. Създава се от PNG с инструмента PNG към ICO.
Сравнителна таблица
| Формат | Компресиране | Прозрачност | Анимация | Размер на снимка спрямо JPG | Съвместимост |
|---|---|---|---|---|---|
| JPG | Със загуби | Не | Не | 1× | Навсякъде |
| PNG | Без загуби | Да, пълна алфа | Не | 5 до 10× | Навсякъде |
| WebP | И двата вида | Да, пълна алфа | Да | 0,65 до 0,75× | Всички браузъри, повечето съвременни приложения |
| AVIF | И двата вида | Да, пълна алфа | Да | 0,5× | Всички съвременни браузъри, малко приложения |
| GIF | Без загуби, 256 цвята | Да, вкл./изкл. | Да | 2 до 4× (и по-лошо качество) | Навсякъде |
| BMP | Няма | Не | Не | 20 до 30× | Навсякъде, но рядко се използва |
Кой формат за коя задача
- Снимки в уебсайт: WebP с качество 75 до 85, с резервен JPG, ако трябва да поддържате много стари браузъри. AVIF, ако искате възможно най-леки страници.
- Лога и икони в уебсайт: SVG, ако го имате; иначе PNG или WebP без загуби.
- Екранни снимки: PNG. Компресирането със загуби размазва текста.
- Прикачени файлове в имейл: JPG за снимки, PNG за графики. Не изпращайте WebP; твърде много имейл клиенти не се справят добре с него.
- Печат: JPG с качество 95 или PNG/TIFF, при 300 пиксела на инч от отпечатания размер.
- Социални мрежи: JPG или PNG; всяка платформа така или иначе компресира наново при качване, затова качвайте с високо качество и в правилните размери.
- Изрязани продукти с прозрачен фон: PNG за максимална съвместимост, WebP за уеб.
- Фавикони: ICO плюс PNG за началните екрани на телефони.
Конвертиране между тях
Всяко конвертиране в този сайт се извършва във вашия браузър. Най-честите пътища са PNG към WebP и JPG към WebP за уеб, WebP към JPG и WebP към PNG за съвместимост, и PNG към JPG за намаляване на снимки, запазени в грешен формат. Инструментът за компресиране на изображения се справя с всеки от тях и обработва много файлове наведнъж.