Реклама
Изображения являются неотъемлемой частью Интернета в наши дни. И, как выясняется, изображения являются одной из наиболее распространенных причин медленной загрузки страниц. С множеством мобильных устройств, имеющих доступ к Интернету, и недавними намеками на то, что скорость загрузки вашего сайта повлияет на его рейтинг в Google, вам определенно захочется устранить это узкое место.
Одним из способов оптимизации фотографий для Интернета является использование CSS-спрайтов. Спрайты работают лучше всего для изображений, которые используются внутри навигации или других элементов сайта, которые останутся такими же более или менее. Другой вариант - оптимизировать размер изображения, изменяя объем информации, содержащейся в изображениях, сжимая их и удаляя ненужные метаданные.
Вот некоторые из вариантов, которые вы можете использовать для оптимизации изображений для Интернета.
Используйте свой редактор изображений
Большинство графических редакторов имеют один или несколько способов оптимизации изображений для Интернета. Photoshop и GIMP позволяют выбрать качество сохраняемого файла, которое можно использовать для контроля размера файла. Кроме того, Photoshop также предлагает
сохранить для веба функция, которая не только оптимизирует размер, но также заботится о цветовых профилях, так что цвета на ваших изображениях выглядят одинаково на экране так, как вы намереваетесь.
Разработано Yahoo, Smush. Он анализирует формат файла конкретного файла изображения, который вы пытаетесь оптимизировать, а затем применяет определенные оптимизации для этого конкретного формата изображения. Отличная вещь о Smush. Это то, что это не меняет качество изображения. Вы загружаете изображения, которые хотите оптимизировать, Smush. Он обрабатывает их и возвращает результаты в виде загружаемого zip-файла.
Оптимизатор изображений в сети [больше не доступен]
Online Image Optimizer позволяет загружать изображения в формате gif, jpg или png размером 300 КБ или меньше и оптимизировать их. Просто выберите изображение со своего компьютера, загрузите его, а онлайн-оптимизатор изображений сделает все за вас. Он представляет вам несколько различных версий изображения, а также размер и предварительный просмотр. В зависимости от цели вы используете изображение из которого вы можете выбрать один из нескольких вариантов. В изображениях очень низкого размера наблюдается явное ухудшение качества изображения. Опционально Оптимизатор изображения в Интернете также дает вам возможность конвертировать формат файла изображения в один GIF, JPG или PNG.
PNG дробилка
PNG Crusher - это приложение для Mac. Как следует из названия, он специализируется на оптимизации файлов PNG. Приложение предоставляет вам своего рода контейнер, который позволяет вам перетаскивать PNG-файлы на него. Затем файлы сжимаются с использованием OptiPNG в качестве бэкэнда. Сайт отмечает, что некоторые PNG уже довольно оптимизированы, и дробилка PNG мало что может с ними сделать. Файлы PNG заменяются оптимизированными версиями, только если сжатые файлы меньше исходных.
GIFWorks
GIFWorks выполняет ряд операций с файлами GIF. Вы можете загрузить изображение со своего компьютера или указать веб-URL, а затем отредактировать файл GIF, добавить эффекты перехода между кадрами, а также оптимизировать изображение GIF. GIFWorks предоставляет вам три варианта оптимизации изображений GIF для Интернета, вы можете уменьшить цвета, ограничить палитру только веб-безопасными цветами или разделить кадры, чтобы выбрать, какие из них хранить. Кроме того, GIFWorks также позволяет создавать трехмерный текст с нуля.
[Дольше не работает] PunyPNG
PunyPNG позволяет оптимизировать изображения в формате GIF, JPG и PNG для Интернета путем преобразования их в сжатые файлы PNG. Во время процесса сжатия потери качества минимальны, а результаты превосходны. Сайт требует флеш-памяти и имеет максимальный размер файла 350 КБ.
Какие приложения вы используете для оптимизации изображений для Интернета? Дайте нам знать все о них в комментариях.
Я Варун Кашьяп из Индии. Я увлечен компьютерами, программированием, интернетом и технологиями, которые ими управляют. Я люблю программирование и часто работаю над проектами на Java, PHP, AJAX и т. Д.