Невозможно изменить размер изображения и сохранить качество изображения

У меня есть изображение, которое я хочу использовать в качестве заголовка на моем сайте, но у меня проблема с изменением размера изображения. Размер заголовка 960x290, но размер изображения 1600x1200. Я использовал IrfanView и изменил ширину изображения с 1600 до 960, но у меня проблема с высотой. Когда я выбираю 960 для ширины, программа автоматически выбирает значение высоты 720, чтобы сохранить соотношение сторон, и изображение выглядит нормально с новым размером 960x290. Но если я уберу галочку "сохранить пропорции" и введу для высоты 280, измененное изображение станет испорченным (растянутым). Есть ли способ изменить значение высоты на 290 и сохранить "нормальный вид" изображения, или это невозможно?

Источник

3 ответа

Если вы не хотите искажения, вам нужно сохранить соотношение сторон. Если вы не хотите обрезать, другим вариантом будет изменение размера в зависимости от высоты, что сохранит все, но даст вам более узкое изображение. Затем поместите изображение на фон 960 x 290 (или 280?), Расположив его там, где оно лучше всего подходит для вас.

Выберите заливку для фона, который работает с изображением. Некоторые варианты будут:

  • дополнительный цвет, который подчеркивает изображение
  • нейтральный, как черный или серый, чтобы заполнить пространство
  • Подберите цвет к чему-либо на изображении с помощью палитры цветов (вы также можете смешивать цвета из области, чтобы фон сливался с краями изображения)
  • использовать простой узор или текстуру для фона
  • используйте "материал" для фона, такой как изображение дерева, ткани, мрамора, травы, неба и т. д., что бы ни работало с содержанием изображения.
  • выберите фоновую область изображения и скопируйте ее как заполнитель, возможно, включая такие вещи, как увеличение или частичную прозрачность.
Источник

Вам придется обрезать его, если вы измените пропорции, он будет искажен. Попробуйте GIMP, это очень хорошо для такого рода вещей, и это бесплатно. Документы помогут вам сделать это.

Источник

У вас действительно есть два варианта здесь и, может быть, четыре...

  1. Изображение должно быть обрезано либо сверху, снизу, либо одновременно, чтобы соответствовать высоте заголовка 290 пикселей
  2. В заголовке вашего сайта должно быть разрешено 720px изображений

Может быть третий...

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

Может быть, четвертый...

  1. Добавьте больше контента слева и справа от вашего текущего изображения заголовка, чтобы размеры были 3972x1200

    • 3972x1200 - это такое же соотношение сторон, как и 960x290, поэтому масштабирование большого изображения до нужного вам размера будет простым и пропорциональным
Источник
Другие вопросы по тегам