Какие картинки лучше использовать?
У многих людей, впервые создавших сайт, наблюдается весьма распространенная ошибка.
Связана она с установкой картинок на страницах сайта, или же картинок, используемых для создания дизайна сайта. Ошибка заключается в одном – в размере!
А все потому, что многие начинающие просто не знают про это. Они вставляют первую попавшуюся, понравившуюся картинку и все. А на самом деле - далеко не все.
Почему так важен размер картинки? Да потому, что чем больше по размеру (я имею ввиду размер на жестком диске) картинка, тем дольше будет грузиться страница. И далеко не всем пользователям хватит терпения подождать до конца загрузки! Обычно, при долгой загрузке – большинство посетителей так и не посмотрят на страницу.
Пару месяцев назад, меня попросили немного подредактировать дизайн продажного сайта с курсом – по обучению плетения кос (да, да, обычных косичек), не помню каких – я в этом не специалист. Но дело не в этом, дело было в рисунках на этом сайте – они грузились ну просто очень долго, особенно, как у меня - интернет «не разбежишься».
После того, как я скопировал себе все файлы сайта, он весил больше 20 Мб, я посмотрел, что основной размер составляют картинки – их там было около 15 штук. 15 картинок – и 20 мегабайт – нехило! После того, как я обработал эти картинки – общий объем сайта не превышал половины мегабайта, что уже достаточно хорошо. И сайт, естественно, начал грузиться намного быстрее.
Так что же я такого сделал? Какие картинки я вставил на сайт? Да все на самом деле проще, чем может показаться на первый взгляд – картинки те же самые, просто я их обработал на одной программке и кое - где поменял расширение рисунка.
Так какие картинки лучше использовать?
Сначала, на эту тему хотел написать заметку, но потом передумал, так как писать пришлось бы немало, поэтому я записал видео. Так хоть увидите все воочию.
Из видео вы узнаете про разрешения рисунков, в чем заключается разница между разрешениями, как менять размер, как правильно сохранять, узнаете про такие полезные прозрачные рисунки, а также, получите пару полезных советов на эту тему.
Забирайте видео здесь:
Скачать с turbobit.net (больше скорость, можно скачать бесплатно)
видеоурок «Какие картинки лучше использовать на сайте»
Скачать с depositfiles.com
видеоурок «Какие картинки лучше использовать на сайте»
Да, и еще, программа, которой я редактировал картинки – абсолютно бесплатна, и она входит в архив видео урока. Так что вы сможете не только посмотреть – но сразу же испробовать все на практике!
PS: Так как видео я записывал с картинками, этот урок весит прилично, не удивляйтесь размеру (60МБ) - я его записывал на максимальном качестве, что бы вы видели всю картину измений качества рисунка. Урок длится полчаса. Приятного просмотра. Спасибо за внимание!
PSS: Если что будет не понятно - пишем прямо здесь, в комментариях.
2010-06-07 в 17:05:01
Спасибо за помощь!
2010-06-07 в 17:06:03
Урок как раз вовремя, я уже начал подбирать картинки для своих постов. Спасибо.
2010-06-07 в 17:08:15
Спасибо.
2010-06-07 в 17:42:11
Пожалуйста! Рад что кому то помог.
2010-07-27 в 13:08:51
Спасибо за урок, обычно с gif и jpg работаю, про pdf формат не знала, что такой полезный, теперь в курсе
2010-07-27 в 14:20:29
ни PDF, а PNG.
Это улучшенный вариант GIF.
Поддерживает прозрачные фоны, и анимацию тоже вроде.
2010-07-27 в 17:47:49
Да, про него и говорила , спасибо, что поправили, заработалась совсем, наверно пора выходной себе сделать. Раз такие ошибки уже делаю.
2010-07-27 в 18:34:32
А вот перерабатывать - это не хорошо
2013-01-19 в 09:41:13
Я использую FastStone Image Viewer для обработки фотографий, или Microsoft Office Picture Manager для сжатия! Отличный программы. Спасибо за полезный видеоурок
2013-03-14 в 19:06:49
ссылки не актуальны (((