Оптимизация изображений для Интернета [дубликат]

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

Я купил шаблон веб-сайта с каруселью и тремя изображениями для его заполнения. Все три изображения имеют формат jpg и размеры 1920x700. С тех пор я заменил эти изображения своими собственными, и хотя я установил размеры 1920x700, когда сохранял их (в формате PNG, используя сохранение Photoshop для Интернета и устройств), размер файла составляет 2,69 МБ. Когда я впервые захожу на свой сайт, изображения загружаются долго, а это определенно не то, что мне нужно.

Когда дело доходит до изображений, я должен сохранять их в формате jpg или png или в любом другом доступном формате? Я знаю, что с точки зрения прозрачности я должен использовать png, потому что jpg не поддерживает это, но я запутался, когда что использовать.

Я также хотел бы знать (используя Photoshop), как я могу уменьшить размер файла (для более быстрой загрузки), но сохранить размеры 1920x700.

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

Я только что купил камеру, поэтому хотел бы узнать больше о фотографии и изображениях :)

Ура Пол

Ответы (1)

У вас это наоборот; png и gif поддерживают канал прозрачности, jpg — нет. Вы пытались использовать изображения меньшего размера для заполнения карусели? В меню «Файл» в Photoshop есть параметр, который позволит вам сохранить файл в Интернете. Вы можете попробовать разные уровни оптимизации, пока не достигнете надлежащего баланса между размером и внешним видом.

Привет, спасибо, что вернулся. Спасибо за указание на проблему прозрачности. Это была опечатка от моего имени, и я понимаю, что Ping используется для прозрачности. Я обновил свой вопрос 👍 спасибо Пол