Руководство по размерам изображений: пиксели, соотношения сторон и когда они важны
Полное руководство по размерам изображений — что такое пиксели, распространённые соотношения сторон и правильный размер для веба, печати, соцсетей и почты.
Размеры изображения определяют, насколько большим его можно отобразить без потери качества. Понимание пикселей, соотношений сторон и разрешения помогает каждый раз получать правильный размер — для веба, печати, соцсетей и почты.
Что такое пиксели?
Пиксель (элемент изображения) — наименьшая единица цифрового изображения. Изображение 1920×1080 содержит 1920 столбцов и 1080 строк пикселей — в сумме более 2 миллионов пикселей (примерно 2 мегапикселя). Больше пикселей — больше детализации и больше размер файла.
Распространённые соотношения сторон
- 1:1 — квадрат. Фото профиля, посты в ленте Instagram.
- 4:3 — традиционное соотношение монитора и камеры.
- 16:9 — широкоформатное. Миниатюры YouTube, ТВ, большинство современных мониторов.
- 9:16 — вертикальное/портретное. Истории, Reels, TikTok.
- 4:5 — максимум портретного поста Instagram.
- 3:1 — баннер шапки Twitter.
Распространённые размеры изображений для разных задач
| Случай использования | Рекомендуемые размеры |
|---|---|
| Главное изображение сайта | 1920×1080px |
| Миниатюра поста блога | 1200×675px (16:9) |
| Квадрат Instagram | 1080×1080px |
| Миниатюра YouTube | 1280×720px |
| Обложка Facebook | 820×312px |
| Изображение в теле письма | макс. 600×400px |
| Фото на паспорт (ЕС) | 413×531px (35×45мм при 300DPI) |
| Паспорт США | 600×600px (2×2 дюйма при 300DPI) |
Как изменить размер до конкретных размеров
Используйте Изменитель размера для задания точных размеров в пикселях. Введите целевую ширину, и инструмент автоматически сохранит соотношение сторон. Для пресетов соцсетей выбирайте из встроенных опций: Instagram, миниатюра YouTube, аватар WhatsApp, фото на паспорт и другие.
Что происходит, когда изображение слишком маленькое?
Если вы отображаете изображение 400×300px в контейнере 1200×900px, браузер растягивает его — давая размытый, пикселизированный результат. Решение — либо увеличить изображение до нужных размеров, либо использовать источник более высокого разрешения.
Попробуйте бесплатно — без регистрации
Изменяйте размер, сжимайте и конвертируйте изображения прямо в браузере.