Изменить размер изображения до 300 × 300 пикселей
300 × 300 px — размер маленького квадрата: миниатюра товара в каталоге магазина, аватарка на форуме, поле для фото в веб-форме. Эта страница превращает любую картинку в такой квадрат, обрезая её вокруг объекта съёмки и сохраняя загруженный формат.
Изменить размер изображения
или перетащите сюда файлы JPG, JPEG, JFIF … ·
Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут
Файлы обрабатываются на наших серверах и удаляются через 30 минут.
Применяется, если заданы обе стороны или меняется форма. «Вписать» сохраняет всё изображение, но по одной стороне оно может получиться меньше; «Обрезать» точно заполняет кадр; «Дополнить» добавляет поля; «Растянуть» искажает пропорции.
Какая часть изображения сохраняется при обрезке. «Умное» сохраняет самую насыщенную деталями область — обычно лицо или главный объект.
Цвет полей вокруг изображения, например #FFFFFF для белого.
Число пикселей на дюйм: по нему сантиметры, миллиметры и дюймы переводятся в пиксели, и оно записывается в файл. 300 — стандарт для печати, 200 — для большинства онлайн-форм.
«Как у исходного файла» сохраняет исходный формат. Выберите GIF или WebP, чтобы сохранить анимацию, PNG — для прозрачности.
Применяется к JPG, WebP и AVIF. При 85 фотографии выглядят так же, как оригинал.
Качество снижается, пока файл не станет равным этому размеру или чуть меньше.
Как пользоваться инструментом
- 1
Загрузите одно изображение или несколько
Добавьте до 20 файлов JPG, PNG, WebP, AVIF, HEIC или GIF. Подойдут предметные снимки, портреты и логотипы любой формы.
- 2
Оставьте 300 × 300 px
Для параметров Ширина и Высота задайте 300 px, для Подгонка выберите «Обрезать по размеру», а для Положение кадрирования — «Авто». Чтобы сохранить картинку целиком, выберите «Добавить поля цветом» и укажите фон.
- 3
Измените размер и скачайте
Нажмите Изменить размер. Каждый файл сохранит исходный формат, если не изменить Формат вывода, а PNG с прозрачностью останется прозрачным.
Квадрат 300 px достаточно мал, чтобы мгновенно загружаться в сетке из пятидесяти изображений, и достаточно велик, чтобы чётко показать лицо или товар. Чаще всего он нужен потому, что сайт, тема магазина или форма требуют именно такой размер.
Где используются изображения 300 × 300 пикселей
| Организация | Требование | Источник |
|---|---|---|
| Медиатека WordPress | Размер изображения Средние по умолчанию не превышает 300 × 300 px (Настройки → Медиафайлы), поэтому темы часто запрашивают именно его. | — |
| Страницы магазина WooCommerce | Миниатюры товаров по умолчанию имеют ширину 300 px и обрезаются до 1:1, начиная с WooCommerce 3.3; темы могут это менять. | — |
| Форумы и подписи в письмах | Поля аватара и подписи обычно принимают квадраты около 300 px; ориентируйтесь на подсказку самого поля. | — |
| Карточки на маркетплейсах | Для главного изображения недостаточно: Amazon требует 1000 px и более по длинной стороне, чтобы работало увеличение. | — |
Точные квадраты важнее, чем кажется. Когда тема магазина или CMS получает фото с телефона 4000 × 3000 для места 300 px, она либо обрезает его, не зная, где товар, либо уменьшает целиком и оставляет странные пустоты в сетке. Файл, уже имеющий размер 300 × 300 px, снимает эту неопределённость и экономит трафик: такой квадрат весит лишь малую долю от оригинала.
Самый наглядный пример — WordPress. Его размер Средние по умолчанию — до 300 × 300 px: длинная сторона ограничивается 300, а пропорции сохраняются, поэтому горизонтальное фото станет 300 × 225, а не квадратом. WooCommerce, работающий на WordPress, обрезает миниатюры каталога до 1:1. Если сетка выглядит неровно, загрузите готовые квадраты с этой страницы, и все плитки выстроятся ровно.
Нужен квадрат побольше из тех же оригиналов? Запустите пакет ещё раз с другим размером; изменение размера до 512×512 подходит для иконок приложений и стикеров.
Как получить чёткое фото 300 × 300
Обрезайте плотнее
Заполните квадрат объектом: мелкие детали при 300 px пропадают.
Начинайте с крупного
При уменьшении большого оригинала края остаются чёткими, а при увеличении маленького — размываются.
Простой фон
Белый или однотонный фон хорошо читается в сетке миниатюр.
Качество 85
Достаточно для миниатюры; при меньших значениях вокруг текста появляются блочные артефакты.
Вопросы о размере 300 × 300 пикселей
Как изменить размер фото до 300 × 300 без растягивания?
Оставьте для Подгонка значение «Обрезать по размеру»: изображение масштабируется, пока не закроет весь квадрат, а лишняя ширина или высота обрезается, поэтому лица и круглые предметы не искажаются. Только «Растянуть до точного размера» искажает картинку, и по умолчанию он не выбран.
Сколько КБ весит изображение 300 × 300?
JPG 300 × 300 с качеством 85 обычно весит примерно от 15 до 40 KB в зависимости от детализации; PNG с фотографией может быть в несколько раз больше. Если форма ограничивает вес файла, включите Ограничить размер файла и введите значение в KB или воспользуйтесь нашим руководством по уменьшению размера фото в KB.
Достаточно ли 300 × 300 px для карточки товара?
Для миниатюры — да, для главного изображения товара — нет. Amazon требует не менее 1000 px по длинной стороне, чтобы работало увеличение, и большинство маркетплейсов рекомендуют похожие размеры. Оставьте крупный оригинал для карточки товара, а эту страницу используйте для миниатюры в сетке.
Хорошо ли напечатается квадрат 300 px?
Только очень маленькую. При 300 DPI 300 px — это ровно один дюйм, около 2,5 см. Это подойдёт для наклейки или значка, но не для фотопечати; для отпечатков 2 × 2 дюйма используйте изменение размера до 600×600.
Можно ли сделать превью 300 × 300 для всего каталога товаров?
Да, до 20 изображений за раз, и каждое будет обрезано до такого же квадрата. Если для Положение кадрирования выбрано «Авто», инструмент ищет сам товар, а не геометрический центр, что помогает с фото, снятыми на широком белом столе.
У моего логотипа прозрачный фон. Он останется прозрачным?
Да, если для Формат вывода оставлено «Как у исходного» или выбран PNG либо WebP. При «Добавить поля цветом» поля станут этого цвета; чтобы не добавлять фон, выберите «Обрезать по размеру» или «Вписать».