Главная » Администрирование сайта » Файловый менеджер » Оптимизация картинок на сайте

Оптимизация картинок на сайте

21.01.2012 в 21:39
Автор: Antonij   




Основную тяжесть при просмотре сайта берут на себя картинки – именно от их размера и веса зависит, как быстро загрузится страница. Я знаю лишь две программы, с помощью которых можно оставить приемлемый размер изображения и при этом уменьшить до упора его вес – это Фотошоп (функция «Сохранить картинку для Веб») и моя любимая SmallFoto.

Если Фотошоп есть не у всех, да и картинки в нём можно сохранять по одной, то SmallFoto полностью бесплатен (дай Бог здоровья его создателю!).

Причём SmallFoto замечателен не только своей бесплатностью. При всей своей внешней простоте программа умеет просто огромное множество вещей! Она может уменьшать и увеличивать размеры изображений с последующим выводом готового изображения в заданном формате. Программа может конвертировать изображения из одного формата в другой. Переименовывать файлы в разных вариантах. Накладывать логотипы (рисунки или текст) на изображение. Все вышеназванное поддерживается при групповой обработке фотографий. Программа поддерживает форматы: BMP, JPG, JPEG, GIF, TGA, TIF, TIFF, PCX, PNG, PSD, PDD, PSP, WMF. Может сохранять в форматах: BMP, JPG, TGA, GIF, TIF, PNG, PCX, WMF, ICO.

И всё это делается буквально в два нажатия.

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

Сначала пишу статью в Ворде, попутно вставляя картинки с помощью кнопки «Вставка рисунка».



Ужимаю прямо здесь картинки, чтобы они были не слишком большие, но при этом комфортные при просмотре.

Затем программой снятия скриншотов «фотографирую» принтскрином (кнопка на клавиатуре) все картинки из статьи.

Далее открываю SmallFoto, выбираю в нём эти картинки из статьи, определяю формат, качество



и размер изображения,



прописываю имя картинки



и жму на старт.



Изображения для сайта готовы!

Так, изначальные картинки из этой статьи весили вместе 224 Кб, после обработки в SmallFoto они стали весить 92 Кб, при тех же размерах. Эффект очевиден!

Оптимизация, оптимизация картинок, Картинки


Рейтинг: 14  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 11257          Комментариев: 7

Похожие инструкции

11.03.2014 в 10:55      0  

Помогите! Как убрать синий фон с картинок или фото, который появляется при попытке уменьшения или увеличения оных. Спасибо!
20.02.2014 в 20:02      0  

Здравствуйте. При  добавлении позиций на сайт в каталог интернет-магазина я столкнулся с неприятной проблемой,  в способе соблюдения пропорций изображений при нарезке превью и иконок указал параметр "обрезать" вместо "вписать". Можно ли мне как-то сделать сброс изображений на уже добавленные ? Потому как все изображения загруженные "обрезанными" так и остались обрубленными, а изменения коснулись только тех позиций которые я начал добавлять после изменения этого параметра на "вписать" ? Буду очень признателен за помощь!
26.04.2013 в 17:08      0  

В фотошопе всё делается просто:
  • Открыли картинку.
  • Ctrl + I выбрали нужный размер.
  • Ctrl + Shift + S сохраняем как jpeg, при этом:
      ползунком выбираем требуемое качество;
      указываем формат Baseline Optomized, или Progressive;
      [если выбрали Progressive] выбираем Scans.
При выборе параметров можно сразу посмотреть будущий размер файла, поэтому поиграв немного с параметрами можно добиться хорошего качества при минимальном весе.
Для формата gif всё ещё проще - Ctrl + Shift + Alt + S и фотошоп преобразует цветовой формат картинки к индексированному, причём выберет только те цвета, которые присутствуют на изображении.
Останется только нажать кнопку Save. smile

А менять размер картинки через PrintScreen и буфер обмена - это как-то слишком муторно, на мой взгляд.
18.02.2012 в 22:48      0  

Спасибо всем за отзывы!
Следопыт, а вы хорошее замечание сделали, действительно, для полноты темы не хватает небольшого абзаца со скриншотом сохранения картинок в фотошопе. Если будет возможность, добавлю.
18.02.2012 в 22:37      0  

Для новичков инструкция действительно полезная. Чуть недоработка. Упомянут фотошоп, но показана только в программе SmallFoto, названной "любимая"
Наверно в ней действительно проще. Придётся обзавестись.
Но "+" создателю полагается, - получите.
24.01.2012 в 20:09      0  

+1 wink
24.01.2012 в 10:29      0  

Нужная информация!