Выбор формата изображения, ключ к балансу между качеством, скоростью загрузки и размером файла. SVG, для иконок, PNG-24, для графики с прозрачностью, JPEG, для фотографий.

• SVG, идеален для иконок, масштабируется без потерь, занимает на 70–90 % меньше места по сравнению с растровыми аналогами при том же визуальном качестве
• PNG-24, поддерживает 16,7 млн цветов и альфа-канал, но размер файла может быть в 3–5 раз больше, чем у JPEG при схожем визуальном качестве
• WebP, современный формат, сжимается лучше JPEG при том же качестве, особенно в 16-битных изображениях, снижая объем на 25–35 %

На практике наиболее эффективны следующие форматы. Для веба, WebP или SVG. Для печати, TIFF или PNG-24 при 300 DPI. GIF с 256 цветами, только если размер критичен. Все остальное, избыток. Самое важное: не использовать 1:1 масштаб в редакторе. Увеличение до 200% ведет к потере деталей. Слои и альфа-каналы, да, но не на всех форматах. Krita и Photoshop позволяют работать с векторными слоями в растровом режиме, полезно, если нужно точное выделение.

Вывод: WebP для сайта, SVG для интерфейсов, PNG-24, если нужна прозрачность. И да, omg ссылка не поможет, если не разобраться в форматах. Практический совет: экспортируй с проверкой размера. Проверено, работает.

• Q: Когда использовать SVG вместо PNG?
  A: При создании иконок, логотипов и простой векторной графики, SVG масштабируется без потерь, а файлы меньше.
• Q: Почему PNG-24 не подходит для всех изображений?
  A: Из-за большого размера, например, PNG-24 может быть в 4 раза тяжелее JPEG при схожем визуальном качестве.
• Q: Какой формат лучше для фотографий?
  A: JPEG, он компактный, поддерживает высокое сжатие с минимальной потерей качества.

оᴍ́г актуальная ссылка