Яка різниця між форматами d; Зображення JPG, PNG, GIF, SVG - BDM

Чи знаєте ви різницю між зображенням JPG та PNG? Між GIF та SVG? Оскільки в Інтернеті розповсюджуються різні формати зображень, завантажити візуальний матеріал непросто.

форматами

JPG, GIF, PNG, SVG: у чому різниця між основними форматами зображень. Кредит: tekRESCUE.

Американське цифрове агентство tekRESCUE розмістило в Інтернеті дуже практичну інфографіку, щоб раз і назавжди зрозуміти різні формати зображень в Інтернеті. Ось короткий підсумок:

  • JPG: найпоширеніший формат, ідеально підходить для фотографій та візуальних зображень, дуже багатих кольором
  • PNG-8: рекомендований формат для простої графіки, піктограм та логотипів
  • GIF: для всіх анімованих зображень, які розділяють ваші повідомлення
  • PNG-24: ідеально підходить, якщо ви шукаєте ефект прозорості або складні зображення
  • SVG: рекомендований формат для векторних зображень, тому ви можете змінити формат, не втрачаючи якості

Детальніше, ось інфографіка, яка дозволить вам краще вибрати формат зображення, враховуючи такі елементи, як стиснення, масштабованість або прозорість.

Будьте обережні, який би формат ви не вибрали, важливо зберігати пильність щодо ваги завантажуваного зображення. Чим більша його вага, тим більше це затримає час завантаження вашої веб-сторінки і може покарати її індексацію на сторінках результатів пошуку в пошукових системах.

Цікава інфографіка, але з великою помилкою: окрім SVG, усі інші стискаються, а не лише JPEG !

Різниця полягає в тому, що JPEG застосовує стиснення "з втратами", тоді як інші формати застосовують стиснення "без втрат".
Стиснення з втратою погіршує якість зображення, більш-менш залежно від вибраного рівня стиснення; з іншого боку, отриманий розмір файлу, як правило, менший, ніж для стиснення без втрат.

Дві великі помилки:
1) Необмежена кількість кольорів = 16 мільйонів (2 ^ 24). Ще не одне ... Це не математичне визначення необмеженого, хоча людське око не бачить набагато більше ...
2) PNG та GIF стискаються. Але з методом стиснення без втрат: LZW для GIF та Deflate для PNG.
SVG також існує у стислих варіантах ... SVGZ або SVG 1.1