Что делает инструмент
Ресайз изображения — изменение разрешения в пикселях. Часто нужно: уменьшить большое фото для отправки в чат, подогнать под рекомендации соцсетей (1080 для квадрата, 1920 для Full HD), уменьшить картинки на сайте для ускорения загрузки.
Этот инструмент работает в браузере через Canvas API. Перетаскиваете файл, видите оригинальный размер, выбираете пресет (или вводите вручную), получаете уменьшенную картинку с превью.
Когда нужен ресайз
- Соцсети. VK рекомендует 1080×1080 для квадратных постов, 1080×1350 для вертикальных. Превышение размера = пере-сжатие на стороне сервера, потеря качества.
- Email. Mail.ru / Яндекс ограничивают размер вложений ~25 МБ. Большие фото лучше уменьшить до 1920×1440 (~500 КБ JPG).
- Сайты. Картинки 4000×3000 на сайте грузятся медленно — для PageSpeed критично уменьшить до 1500×1000 максимум.
- Госуслуги, банки. Часто требуют конкретные размеры (3×4 для фото, 600×800 для документов).
- Печать. Принтеры используют 300 DPI; картинка 4000×3000 печатается размером 33×25 см — больше чем нужно. Ресайз до нужных размеров перед печатью.
Советы по качеству
- Уменьшать всегда лучше чем увеличивать. Лучше снять с большим разрешением и уменьшить, чем снять маленьким и пытаться увеличить.
- Кратные размеры. 1920 → 960 (точно в 2 раза) даёт лучший результат, чем 1920 → 1024 (нецелое отношение). Для веба используйте кратные 8 размеры.
- Сначала ресайз, потом сжатие. Если нужно «100 КБ + 800px» — сначала уменьшите разрешение, потом используйте «Сжать JPG до 100 КБ». Иначе можете не уложиться в размер.
- Quality 90% — золотая середина. На глаз неотличимо от lossless, размер ~50% от quality 100. Для веба часто используют 75-85%.
- WebP вместо JPG. Если поддержка браузеров не критична — WebP даёт ~30% экономии при том же качестве.
ИСТОЧНИКИ
- Canvas 2D Context Specification. WHATWG. whatwg.org. 2024.
- Best Practices: Image resizing for web. web.dev (Google). web.dev. 2024.
- WebP — A new image format for the Web. Google. developers.google.com/speed/webp. 2024.
