Как пользоваться: Изменить размер изображения
- Перетащите или выберите изображение (JPEG, PNG, WebP, GIF, AVIF или SVG). Оно никуда не загружается и остаётся на вашем устройстве.
- Введите новую ширину или высоту. При включённом замке вторая сторона пересчитается по исходным пропорциям. Также можно переключиться на Проценты.
- Или нажмите на пресет, например Open Graph 1200×630 или миниатюру YouTube 1280×720.
- Если форма меняется, выберите Обрезать по размеру (с фокусом обрезки) или Вписать целиком с цветом фона.
- Выберите формат и качество, проверьте предпросмотр и размер файла, затем нажмите Скачать.
Что такое изменение размера изображения?
Изменение размера изображения — это изменение его размеров в пикселях. Уменьшив картинку, вы сокращаете размер файла и подгоняете её под нужное место: превью 1200×630 для соцсетей, пост в Instagram 1080×1080 или favicon 32×32. Этот инструмент работает в браузере: изображение декодируется, пересэмплируется с качественным сглаживанием (для сильного уменьшения — пошаговое деление пополам, чтобы избежать зубчатых краёв) и кодируется заново в JPEG, PNG, WebP или AVIF.
Обрезать, вписать или растянуть
Если целевая форма отличается от исходной, например фото 4:3 нужно вставить в рамку Open Graph 1.91:1, у вас есть три варианта:
- Обрезать по размеру (как
object-fit: coverв CSS) масштабирует изображение так, чтобы оно полностью заполнило рамку, а лишнее обрезается. Фокус обрезки помогает сохранить верх (лица, заголовки) или другой край. - Вписать целиком (как
object-fit: contain) показывает всё изображение, а пустые полосы заполняет цветом фона или прозрачностью для PNG/WebP. Подходит для логотипов и предметных фото. - Растянуть принудительно задаёт точный размер и искажает картинку. Используйте его, только если пропорции и так почти совпадают.
Распространённые размеры изображений
| Применение | Размер (px) | Соотношение |
|---|---|---|
| Open Graph / превью ссылки в Facebook и LinkedIn | 1200 × 630 | 1.91:1 |
| Квадратный пост в Instagram | 1080 × 1080 | 1:1 |
| Вертикальный пост в Instagram | 1080 × 1350 | 4:5 |
| Истории Instagram / TikTok, Reels | 1080 × 1920 | 9:16 |
| Изображение в ленте X (Twitter) | 1600 × 900 | 16:9 |
| Шапка X (Twitter) | 1500 × 500 | 3:1 |
| Личный баннер LinkedIn | 1584 × 396 | 4:1 |
| Миниатюра YouTube | 1280 × 720 | 16:9 |
| Иконка Apple touch | 180 × 180 | 1:1 |
Платформы время от времени меняют рекомендации, поэтому считайте эти значения надёжными ориентирами по умолчанию. Для полного набора favicon (ICO, иконка Apple touch, иконки Android и манифест) воспользуйтесь генератором favicon, а чтобы создать превью для соцсетей с текстом с нуля, попробуйте генератор OG-изображений.
Изменение размера для сайта
Подбирайте размер изображения примерно под максимальный размер, в котором оно будет показано, умноженный на два для экранов с высокой плотностью (Retina). Например, картинку шириной 600 px для блога стоит экспортировать примерно в 1200 px. Большие размеры только добавляют байтов: увеличение маленькой картинки не добавит деталей, и она будет выглядеть размытой. После изменения размера прогоните результат через сжатие изображений, чтобы сэкономить ещё больше, а для расчёта подходящих размеров используйте калькулятор соотношения сторон.
Также ищут как: размер og изображения, размер миниатюры youtube, изменить размер png, изменить размер jpg.
Инструменты, которые хорошо сочетаются с Изменить размер изображения
- Изображение в Base64 — Превратите PNG, JPEG, SVG, WebP или GIF в Base64 Data URI с готовыми CSS и HTML или вставьте строку Base64, чтобы просмотреть и скачать изображение.
- Генератор штрихкодов — Создавайте сканируемые штрихкоды для товаров, склада, доставки и библиотек.
- Сканер QR-кодов — Наведите камеру на QR-код или перетащите сюда изображение или скриншот, на котором он есть.
- Поиск SVG-иконок — Ищите среди более 70 000 SVG-иконок с открытым кодом — Lucide, Tabler, Heroicons, Phosphor, Bootstrap, Material и других наборов.