Оптимизация изображения для размещения на сайте
*Теперь изображения можно оптимизировать автоматически при загрузке на сайт.
Некоторые пользователи нового Prihod.ru уже столкнулись с тем, что у них заканчивается дисковое пространство, выделенное для сайта. В большинстве случаев это происходит потому, что размещается много очень больших фотографий, размером 4-7 МБ (зависит от фотоаппарата, на который снято).
Давайте посчитаем. Выделенное дисковое пространство 1 ГБ = 1024 МБ. Если выкладывать фотографии весом 5 МБ (сразу с фотоаппарата, например), то если на сайте размещать только фото, войдет 1024/5= 204 фотографии. Немного, правда?
Если вы уменьшите размер файла изображения до того, как разместите его на сайте, то сможете быстрее загрузить его в библиотеку файлов, кроме того, страницы с таким изображением будут отображаться быстрее и можно сэкономить дисковое пространство для сайта.
Размер файла с этой фотографией составляет 1,15 МБ.
Размер файла с изображением ниже составляет всего 75,8 КБ – это в 15 раз меньше от размера изображения выше.
Заметна ли существенная разница во внешнем виде?
Вернемся к нашей математике.
Если размер фотографии как у первой картинки 1,15 МБ, то на сайте можно разместить 1024/1.15= 890 изображений! И это уже достаточно крупные фотографии.
Посчитаем второй пример, когда фотография весит 75,8 КБ.
1 ГБ = 1024 МБ = 1048576 КБ, значит при размере картинки 75,8 КБ на сайте поместятся более 13800 изображений.
Итак, оптимизация изображений даёт 3 плюса:
- Изображения быстрее загружаются в библиотеку файлов.
- Ваши страницы имеют меньший вес и быстрее отображаются, не заставляя посетителей ждать. (Вы наверно заметили, что верхнее изображение загружалось дольше, чем нижнее.)
- Вы можете загрузить больше изображений при наличии ограничений на суммарный объём файлов.
Если вы попытаетесь уменьшить изображение прямо на страничке сайта после загрузки, используя редактор на сайте, имейте в виду, что это не снижает размер исходного файла. Файлы нужно обрабатывать ДО загрузки на сайт.
Просмотрено (6798)
Инструкция по редактированию фото в программе Picasa 3
1. Откройте программу Picasa 3;
2. Импортируйте нужное фото;
3. В панели управления Файл выберите пункт Экспортировать фотографию в папку…;
4. В появившемся окне поставьте галочку в пункте Изменить размер на: и укажите 800 пикселей;
5. После чего укажите папку, в которую нужно сохранить фотографию;
6. Нажмите ОК;
7. Готово.
Подробнее здесь
http://wp.me/p2pVcw-19
Наталья, подскажите пожалуста размер фото (указаного в примере) в пикселях….
Первая 1200х800, вторая 600х400.
А нельзя сразу много фото уменьшить?
Можно, в некоторых графических программах есть такая опция: Photoshop, ACDSee, FastStone, даже вроде в стандартном Picture Manager, если у вас Windows. Постараемся сделать подборку инструкций по пакетной обработке фото, спасибо за вопрос 🙂
http://losevoblag.ru/ Вот сайт простите человека!
Посмотрите пожалуйста. На сайте нет вообще скачанных откуда либо фото, ремонт 2012 сделаны мною с обыкновенного телефона samsung gt 5230 по очереди фотографировали с напарником на куполе, возле храма, а остальные фото снимки почти все обыкновенным фотоаппаратом. Но для несения полезной информации этого достаточно. а экономия на лицо. С телефона фото ведь и так маленькие?(Я так думаю) Простите если что не там понял. Спаси Господь и Матушка Богородица.
Уменьшить размер фотографии можно в любом графическом редакторе. В операционной системе Windows, например, по умолчанию стоит редактор Paint.
Инструкцию в картинках можно посмотреть тут: http://chajnikam.ru/computer/50-kak-umenshit-razmer-foto.html .
Инструкция для программки Microsoft Office Picture Manager http://www.povarenok.ru/wiki/kartinki/razmer
Фотошоп http://phototricks.ru/obrabotka/kak-umenshit-razmer-foto-i-uvelichit-rezkost/
P.S. Никакого отношения к указанным сайтам мы не имеем 🙂 Ничего скачивать оттуда не советуем.
Полезное сообщение, все получилось наглядно. Мне кажется, что у начинающих сразу возникнет вопрос, а какими инструментами лучше пользоваться для оптимизации изображений. Может быть сюда следует подобрать ссылочки на ресурсы где обсуждается этот вопрос.
Microsoft Office Picture Manager там прям функция оптимизации для Web предусмотрена. Интерфейс понятен и для новичков.
вставляю изображения,обрезая их под нужный размер,но после редактирования и сохранения фото не видно… почему?