Средното JPG от телефон е 4 – 8 MB. За web ти трябва под 200 KB. Разликата е драматична.
1. Правилният размер
Ако картинката се вижда на 800px ширина, не качвай 4000px. Тя ще се смали в браузъра, но файлът остава голям.
2. Правилният формат
WebP или AVIF (25 – 50% по-малки от JPG при същото качество). JPG за снимки, PNG за логове с прозрачност, SVG за икони.
3. Lazy loading
Атрибут loading="lazy" на всеки img тег извън първия екран. Браузърът зарежда картинката само когато потребителят я приближи.
4. Инструменти за компресия
Squoosh.app (Google, безплатен, работи в браузъра). TinyPNG. ImageOptim за Mac.
5. Задай размери в HTML
width и height атрибути предотвратяват „скачането“ на layout-а при зареждане.