Как влияет увеличение растрового изображения на качество

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

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

Что же будет если изображение увеличить на 50%? Это можно посмотреть на картике ниже.

Задача

Наглядно показать заказчику как ухудшается качество при увеличении растрового изображения на 50%.

Картинка кликабельна.

Увеличение растрового изображения на 50%

Как проводился эксперимент

Было взято исходное изображение, ширина которого 888 пикселей. Его нужно было уменьшить на столько, чтобы потом при увеличении ровно на 50% оно принимало бы размер исходного файла.

Чтобы узнать какого размера должна быть вторая картинка до увеличения, составляем уравнение с одной переменной:
1,5х = 888
х = 592

Создан дубликат и уменьшен до 592 пиксела по ширине. А потом увеличен на 50%. В результате этих операций качество изображения заметно ухудшилось. Что и требовалось показать.

Вывод

Увеличивать растровое изображение крайне не желательно, если качество все еще что-то значит для вас или вашего клиента :)


Понравилась статья? Поделиться с друзьями:
Комментарии: 2
  1. Badevlad

    Визуально последствия сравнимы с сильным JPEG сжатием. Пользоваться таким в профессиональной работе невозможно. Хотя могут быть свои применения, например, в качестве фона (с сильным размытием).

    Делал бы в два раза и не запутывал читателей.
    888 пикс / 2 = 444 пикс. 444 пикс * 2 = 888 пикс.

    1. FORTRESS-DESIGN (автор)

      Так нельзя было. Нужно было показать как ухудшается качество при увеличении на 50%.

      К сожалению, не все заказчики готовы платить за перерендер. Им проще принять такое качество.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: