Как оптимизировать изображения и картинки?

22.02.2018
0
1 353



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

 Итак, как же оптимизировать картинки?
 В соответствии от параметров, вес любого неоптимизированного изображения может быть как 100 Кb, так и 200, а это сравнимо с текстовым файлом, который состоит приблизительно из тридцати пяти тысяч слов или же двухсот символов. Это довольно удивляет, поскольку фактически это огромное произведение из ста десяти шаблонных страниц формата А4. Чтобы публикованные картинки были в хорошем качестве и немного весили, их необходимо сохранять в том формате, который более соответствует их виду.

 Наиболее актуальные форматы картинок:
 1. JPG - наиболее благоприятный формат для картинок с множеством оттенков. Они более качественные и мало весят;
 2. GIF - актуален для графических изображений, которые несут не больше 256 цветов. Этот формат поддерживает прозрачность и анимацию, исходя из этого он более часто применяем для конструирования иконок, баннеров с анимацией и аватарок;
 3. PNG - наделен более высоким уровнем архивации графических изображений, при этом поддерживая прозрачность и более цветов, чем GIF формат. Картинки, которые были сохранены в данном формате - полноцветные и не утрачивают качество при сжатии.
 Это далеко не все, можно сделать вес картинки меньше при помощи графического редактора изображений. Их существует много, но в статье, для примера, будут рассмотрены Photoshop и PaintNet.

 Photoshop: необходимо открыть картинку, на вкладке под названием "File" выбираем строку "Save for Web" и в открывшемся окошке выставляем необходимый формат и качество изображения.

 PaintNet: нужно открыть картинку, на вкладке "Файл" выбрать "Сохранить как". В появившемся окошке устанавливаем необходимое наименование, нажимаем "Сохранить" и в открывшемся окошке необходимо выставить желаемое качество картинки в процентах.

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

 После того, как нужный формат выбран, а вес уменьшен, можно опубликовать картинку. Следует помнить о поисковой оптимизации: нужно заполнить атрибуты ALT и TITLE тега IMG текстом, который присущ изображению.

 Кроме вышесказанного можно использовать еще применение спрайтов или кодирование картинок в base64. Это поможет сделать скорость загрузки сайта намного больше.скачать dle 12.0
Загрузка...



Понравиласть статья? Жми лайк или расскажи своим друзьям!
Теги к новости:
loading...
Загрузка...

Комментарии
Добавить комментарий
Добавить свой комментарий:
Ваше Имя:
Ваш E-Mail:
Это код:
Кликните на изображение чтобы обновить код, если он неразборчив
Введите сюда:
Похожие новости:
22.02.2018
Сегодня Adobe Photoshop – один из известнейших и многофункциональных редакторов, об этой программе наслышан каждый человек, имеющий компьютер. Последняя версия Photoshop CS6 радует дополнительными опциями по ретушированию и цветокоррекции и
22.02.2018
Даже профессиональные портретные фото нуждаются в обработке, коррекции света и теней, устранении мелких дефектов на лице модели. Завершающие штрихи фотографии можно придать при помощи программы «Photoshop» при этом не обязательно использовать самую
выбрать фон