Про формат файлу легко забути, але він безпосередньо впливає на якість зображення, швидкість сторінки та сумісність із браузерами.
Що потрібно від формату зображення для сайту
- Зберігати важливі деталі.
- Мати помірний розмір для завантаження.
- Працювати в поширених браузерах і на різних пристроях.
Для більшості сайтів із цим справляються два знайомі формати: JPEG (.jpg) і PNG (.png). Вибір залежить від вмісту зображення.
Вибирайте JPEG для фото й градієнтів
JPEG зазвичай зручний для портретів, подорожей, подій та інших зображень із багатьма кольорами чи плавними переходами тонів. Він добре поєднує візуальну якість із невеликим розміром файлу.
Вибирайте PNG для чітких контурів і прозорості
PNG часто краще підходить для сторінок документів, знімків інтерфейсів, діаграм, логотипів і графіки з обмеженою кількістю кольорів. Він зберігає чіткі контури й підтримує прозорі ділянки.
Просте правило
Фото й портрети: JPEG.
Діаграми, знімки екрана, документи й логотипи: PNG.