Что это за инструмент?
Инструмент для изменения размера изображения изменяет размеры изображения в пикселях — в отличие от сжатия, при котором размеры сохраняются, но файл перекодируется с целью повышения эффективности. Изменение размера необходимо, когда в форме указано «не более 800 пикселей», аватар должен быть размером 256×256, или когда фотография с камеры размером 4000 пикселей явно избыточна для колонки блога шириной 700 пикселей.
Уменьшение масштаба (уменьшение размера изображения) не приводит к потере качества и значительно сокращает размер файла — уменьшение обоих измерений вдвое сокращает количество пикселей на 75 %. Увеличение масштаба (увеличение размера) также поддерживается, но не позволяет добавить детали: растянутое изображение всегда выглядит несколько размытым. Этот инструмент автоматически сохраняет соотношение сторон, поэтому изображение не выглядит сдавленным.
Зачем его использовать?
- Два интуитивно понятных режима: точная ширина в пикселях (для соблюдения требований) или в процентах (для быстрого уменьшения).
- Соотношение сторон фиксируется автоматически — больше никаких случайно искажённых фотографий.
- Кроме того, при необходимости можно конвертировать формат на выходе (JPG/PNG/WebP).
- Изменение размера десятков изображений одним запуском с возможностью загрузки каждого файла по отдельности.
- Локальное хранение и частный доступ: ничего не загружается, ограничений по размеру нет.
Как использовать
- Перетащите изображения в поле или щелкните, чтобы выбрать их.
- Выберите режим: введите желаемую ширину в пикселях или в процентах.
- При желании выберите другой формат вывода (по умолчанию сохраняется исходный).
- В каждом результате указаны новые размеры и размер файла — нажмите «Скачать».
Пример
Ввод
camera.jpg — 4032×3024, 3.9 MB, resized to width 1200Результат
camera-1200x900.jpg — 1200×900, 260 KBИмя выходного файла содержит информацию о новых размерах, поэтому версии никогда не путаются.
Типичные сценарии использования
- Соблюдение точных требований к размеру в пикселях, указанных в форме, спецификации значка приложения или инструкциях по загрузке («аватар должен иметь размер 400×400 или меньше»).
- Сжатие партии фотографий с камеры перед добавлением их на веб-страницу, где оригиналы шириной 4000 пикселей загружаются гораздо медленнее, чем это необходимо.
- Подготовка набора миниатюр одинакового размера из папки, содержащей исходные изображения разного размера.
- Уменьшение размеров изображения в пикселях перед его вставкой в документ со строгими ограничениями по ширине страницы.
Изменение размера и сжатие: в чём разница и почему порядок имеет значение
Изменение размера и сжатие одинаково уменьшают размер файла, но действуют по-разному: изменение размера сокращает количество пикселей (изображение, ширина и высота которого уменьшены на 50 %, содержит на 75 % меньше пикселей), тогда как сжатие позволяет более эффективно перекодировать те же самые пиксели. Если изображение имеет слишком большие размеры и при этом не сжато, сначала лучше изменить его размер — уменьшение количества пикселей с 4000px до 1200px удаляет гораздо больше данных, чем любой ползунок качества, а затем сжатие уже измененного по размеру изображения избавляет от оставшегося избытка. Делать это в обратном порядке (сначала сжать, потом изменить размер) тоже работает, но если сначала изменить размер, то на этапе сжатия будет обрабатываться меньший объем данных, что незначительно ускоряет процесс.
Почему режим «в процентах» отличается от простого указания меньшей ширины в пикселях
Режим «Процент» и режим «Ширина в пикселях» внутренне используют одинаковые математические вычисления — в конечном итоге оба вычисляют целевую ширину и пропорциональную высоту — но на практике они решают разные задачи. Режим «Пиксели» подходит для тех случаев, когда вам известно точное необходимое значение (в спецификации указано 1200 пикселей, поэтому вы вводите 1200). Режим «в процентах» подходит для случаев, когда вы уменьшаете целую партию изображений с разными исходными размерами, но хотите, чтобы все они были пропорционально уменьшены на одинаковую величину — значение 50 % неизменно уменьшает каждое изображение вдвое, независимо от того, была ли ширина исходных изображений 2000 пикселей или 6000 пикселей, чего режим в пикселях не может сделать за один проход по смешанной партии, не исказив при этом одни изображения или не оставив другие без изменений.
Часто задаваемые вопросы
Приведет ли изменение размера к снижению качества изображения?
Уменьшение масштаба выглядит практически идеально — вы удаляете пиксели, которые целевой носитель и так не сможет отобразить. Увеличение масштаба свыше 100 % не добавляет деталей и приводит к размытости; избегайте этого, если только вам не нужно соблюдать требование к минимальному размеру.
Как установить точную высоту вместо ширины?
Рассчитайте ширину, при которой будет достигнута нужная вам высота: ширина = высота × (исходная ширина ÷ исходная высота). Инструмент по своему замыслу сохраняет соотношение сторон — произвольное растяжение по осям «ширина × высота» приводит к искажению фотографий, а этого пользователи практически никогда не хотят.
Какой размер лучше выбрать для веб-сайта?
Изображения «героя» во всю ширину: 1600–1920 пикселей. Изображения в блоге: 800–1200 пикселей. Миниатюры: 300–400 пикселей. Аватары: 256 пикселей. Если вы не уверены, выберите размер, соответствующий максимальному размеру, который фактически отобразится в макете, а затем сжайте изображение.
Изменить размер или сжать — что мне нужно?
Оба способа уменьшают размер файла, но по-разному. Если размеры изображения превышают необходимые, сначала измените его размер — это даст наибольший эффект. Затем сжатие уменьшит оставшийся объем данных. Наш Image Compressor за один шаг обеспечивает как сохранение качества, так и установку максимальной ширины, если это подходит для вашего случая.
Загружаются ли мои изображения во время изменения их размера?
Нет. Изменение размера происходит на вашем устройстве с помощью API canvas браузера. После загрузки страницы инструмент работает в автономном режиме.