Сжатие изображений без потери качества для моего сайта

Question

У меня есть ползунок полной ширины с определенной высотой 500 px, проблема, с которой я сталкиваюсь, заключается в том, что из-за того, что изображения настолько большие, что они очень тяжелые, а слайдер занимает длинную время загрузки, как я могу сжать изображения без потери качества? Есть ли способ? Как плагин, код или что-то, что я могу сделать?

Answer 1

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

, но если вы все еще хотите попробовать некоторые не с потерями методов, как подробно описано здесь

http://oreilly.com/server-administration/excerpts/9780596522315/optimizing-images.html

1. попробовать различные форматы изображений
2. попробовать различные разрешения (с потерями)
3. попробовать разные размеры (потеря)
4. попробуйте уменьшить цветную палитру (потеря)
5. попробовать дробильно PNGs с Pngcrush (ссылка)
6. попробовать зачистки метаданных JPG (ссылка)
7. попытка разделения изображения (старое решение, 10 лет назад это был способ загрузки больших изображений, но по-прежнему работает с AJAX с карты Google - есть бесплатный ява пример кода о том, как это сделать в этой книге - http://pragprog.com/titles/ajax/source_code - исходный код доступен для скачивания)

удачи

Answer 2

Проверить это ссылки:

http://imageoptim.com/
https://developers.google.com/speed/docs/best-practices/payload?hl=es-419&csw=1#CompressImages

Используйте небольшой JQuery плагин, как ResponsiveSlides.js, если это так.

Answer 3

плагин не будет работать в этой ситуации. Вы можете использовать любой инструмент оптимизации онлайн-изображения, чтобы уменьшить размер изображения, а затем загрузить его на свой сервер. TinyPNG - удобный инструмент для PNG, есть другой инструмент для других форматов, а также Image Optimizer, где вы можете настроить качество изображения в соответствии с наилучшими требованиями.

Answer 4

Ну, сжатие изображений - общая проблема, с которой сталкиваются большинство веб-сайтов. Его трудно предположить на любом сайте без изображений.

Если вы хотите поместить изображения один раз или, если они изменяются редко, то просто пойти на некоторые онлайн-инструменты сжатия изображений, как Tinypng или CompressImage

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

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

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