Как увеличить изображение без потери качества для WordPress

Вы когда-нибудь пробовали изменить размер изображения для того, чтобы увеличить его? Обычно это приводит к потере качества, когда увеличенные изображения выглядят смазанно и непрофессионально. Недавно один из наших пользователей спросил, существует ли способ для того, чтобы изменить размер изображения, увеличив его, и при этом не потерять качество. В этой статье мы покажем вам как увеличить изображение без потери качества.

Почему изображения теряют качество при увеличении?

Bitmap является наиболее часто используемым форматом изображений в веб. Все ваши JPEG и PNG файлы являются файлами изображений Bitmap. Bitmap изображение состоит из тысяч пикселей. Если вы увеличите его, то сможете увидеть эти пиксели в виде квадратиков.

pixelszoomed[1]

Каждый из этих пикселей привязан к определенному месту на изображении, отсюда и название — Bitmap (карта битов).

Большая часть программного обеспечения для редактирования изображений обрезает или увеличивает эти пиксели для ресайза картинки. Именно поэтому, когда вы уменьшаете размер, не видно никакой потери качества. Скорее всего потому, что эти пиксели становятся менее заметными.

С другой стороны, когда вы изменяете размер изображения, чтобы увеличить его, эти увеличенные пиксели становятся более заметными, что заставляет изображение выглядеть более размытым и становятся видны пиксели. Например, вот так:

resized-normal[1]

Какое же решение?

Решение состоит в том, чтобы компенсировать каждый увеличенный пиксель, чтобы он соответствовал свойствам ближайшего к нему пикселя. Этот способ называется фрактальной интерполяцией или просто фракталами. Он предоставляет на выходе наиболее лучший результат, когда изображение увеличивается с использованием этой методики.

Вот как можно использовать этот способ в большинстве популярных графических редакторов.

Способ 1: Используем Perfect Resize с Adobe Photoshop

Perfect Resize — это программное обеспечение, которое позволяет «умно» ресайзить ваши изображения. Оно доступно в качестве отдельного приложения, и в виде плагина для Adobe Photoshop.

Стандартная версия стоит $50, а премиум версия, включающая в себя плагин для Adobe photoshop, стоит $150. Обе версии также доступны бесплатно в течение 30 дней триального периода. Если вам необходимо изменять размеры ваших картинок постоянно, то стоит воспользоваться Perfect Resize. Стоимость немного высока, однако это лучший способ увеличения картинок.

Примечание: это не реклама Perfect Resize ни в коем случае. Мы просто постоянно пользуемся этой программой и крайне довольны.

После установки программы, откройте файл изображения, размер которого нужно изменить, в Photoshop. Далее выбираем File » Automate и кликаем на Perfect Resize.

launch-perfect-resize[1]

Откроется изображение в приложении Perfect Size. Можно выбрать шаблон в меню слева или указать нужный вам размер в Document Size.

perfectresize1[1]

После указания размера документа, переходим в File » Apply для сохранения изменений и применения их в файлу в Photoshop.

Теперь можно экспортировать этот файл путем сохранения его как изображения для веб.

Вот и все, ваше изображение с измененным размером будет выглядеть намного лучше, чем при обычном ресайзе.

compare-pr-nr1[1]

Способ 2:Используем бесплатный Gimp

Gimp — это бесплатная альтернатива Adobe Photoshop. Он также может использоваться для увеличения изображений с минимальной потерей качества. Однако, стоит отметить, что результат будет не таким хорошим, как при использовании Perfect Resize.

Вот как можно сделать мелкие изображения большими в Gimp без потери качества.

Открываем изображение, размер которого нужно изменить, в Gimp. Далее переходим в Image » Scale Image. Вводим необходимое разрешение картинки. В разделе Quality выберите Sinc (Lanczos3) как Interpolation method и кликните на кнопку Scale Image.

resizing-gimp[1]

Вот и все, теперь вы можете экспортировать это изображение для веб. Ниже пример для сравнения. Изображение слева было отресайзено с помощью bicubic resampling в Photoshop. Размер изображения справа был изменен с помощью Sinc (Lanczos3) как interpolation method. Очевидно, что разница между изображениями почти незаметна.

compare-gr-nr1[1]

Способ 3: Увеличиваем изображения с помощью Irfanview

Irfanview — небольшая программа для редактирования фотографий. Она доступна только для операционных систем семейства Windows. Irfanview предоставляет «умный» способ для ресайза изображений и их увеличения.

Просто открываем вашу картинку в Irfanview и переходим в Image » Resize/Resample.

resize-irfanview[1]

Перед нам появляется всплывающее окно для ресайза. Для начала вам необходимо ввести необходимый размер изображения в Set Image Size. После нужно выбрать resmaple в Size method. Из выпадающего списка фильтров выберите Lanczos (slowest). И, наконец, отметьте галочку рядом с ‘Apply Sharpen After Resample’.

irfanview-resmapling[1]

Irfanview изменит размер изображения, после чего его можно сохранить на свой компьютер.

compare-ir-nr1[1]

Как вы наверняка заметили, бесплатные инструменты не очень хорошо справляются с качественным увеличением изображений. Однако, поигравшись с яркостью и контрастностью, вы сможете увеличить изображение и минимизировать потерю качества в процессе обработки.

Надеемся, что статья помогла вам увеличить изображение без потери качества.

Если вы только начинаете разбираться с WordPress, то не забудьте посетить нашу рубрику WordPress для новичков, где мы публикуем материалы специально для новых пользователей WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.

VN:F [1.9.22_1171]
Rating: 3.0/5 (2 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top