2026-05-19 · Чтение 1 мин
Resize images для responsive layouts
Export exact widths layout использует — не ship 4000px sources на mobile.
imageperformancefrontend
Основные выводы
- Resize first, compress second — order matters для quality и bytes.
- Keep aspect ratio unless art direction требует crops.
Match srcset
Generate 1x/2x widths per breakpoint вместо one giant master file.
Pair resized outputs с Image Compress в том же format, что ship.
Часто задаваемые вопросы
Format после resize?
WebP для photos в modern stacks; PNG для crisp UI edges.
Width в secondary field?
Target width или WxH; tool fits без unnecessary upscaling.