Плохое качество изображения для сайта

Question

Я довольно новичок в создании адаптивных веб-сайтов, и мне трудно поместить качественное изображение на мою страницу.

У меня есть изображение размером 4000x4000 пикселей, которое я хочу разместить на домашней странице, и я пытаюсь уменьшить его до более разумного размера 1000x1000 пикселей (мне нужно, чтобы оно было большим и хорошего качества).

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

Вот те вещи, которые я пытался изменить в Photoshop:

• изменить размер вниз с помощью автоматического повторного выбора
• изменить размер вниз с помощью бикубической точилки
• изменить размер вниз без повторной выборки
• изменить его размер, используя только перетаскивание

Не повезло ни с одним из этих методов. Любая помощь? Заранее спасибо.

Answer 1

Лучший способ уменьшить изображение или экспортировать графику для Интернета с помощью Photoshop - это " Сохранить для Интернета и устройств" (это устаревшая опция, но все еще доступна в "Файл"> "Экспорт") или " Экспортировать как". Там вы сможете выбрать качество, формат и изменить размер вашей графики.

В любом случае, если вы хотите добавить изображения высокого разрешения (например, для отображения на сетчатке) на свой веб-сайт, лучший способ реализовать это - использовать srcset: отзывчивые изображения

Удачи:)