Какие картинки лучше использовать?

Понедельник, 31 мая 2010 года в 13:46      Просмотров: 6505

Какие картинки лучше использовать?У многих людей, впервые создавших сайт, наблюдается весьма распространенная ошибка.

Связана она с установкой картинок на страницах сайта, или же картинок, используемых для  создания дизайна сайта. Ошибка заключается в одном – в размере!

А все потому, что многие начинающие просто не знают про это. Они вставляют первую попавшуюся, понравившуюся картинку и все. А на самом деле - далеко не все.

Почему так важен размер картинки? Да потому, что чем больше по размеру (я имею ввиду размер на жестком диске) картинка, тем дольше будет грузиться страница. И далеко не всем пользователям хватит терпения подождать до конца загрузки! Обычно, при долгой загрузке – большинство посетителей так и не посмотрят на страницу.

Пару месяцев назад, меня попросили немного подредактировать дизайн продажного сайта с курсом – по обучению плетения кос (да, да, обычных косичек), не помню каких – я в этом не специалист. Но дело не в этом, дело было в рисунках на этом сайте – они грузились ну просто очень долго, особенно, как у меня - интернет «не разбежишься».

После того, как я скопировал себе все файлы сайта, он весил больше 20 Мб, я посмотрел, что основной размер составляют картинки – их там было около 15 штук. 15 картинок – и 20 мегабайт – нехило! После того, как я обработал эти картинки – общий объем сайта не превышал половины мегабайта, что уже достаточно хорошо. И сайт, естественно, начал грузиться намного быстрее.

Так что же я такого сделал? Какие картинки я вставил на сайт? Да все на самом деле проще, чем может показаться на первый взгляд – картинки те же самые, просто я их обработал на одной программке и кое - где поменял расширение рисунка.

Так какие картинки лучше использовать?

Сначала, на эту тему хотел написать заметку, но потом передумал, так как писать пришлось бы немало, поэтому я записал видео.  Так хоть увидите все воочию.

Из видео вы узнаете про разрешения рисунков, в чем заключается разница между разрешениями, как менять размер, как правильно сохранять, узнаете про такие полезные прозрачные рисунки, а также, получите пару полезных советов на эту тему.

Забирайте видео здесь:

Скачать с turbobit.net (больше скорость, можно скачать бесплатно)

видеоурок «Какие картинки лучше использовать на сайте»

Скачать с depositfiles.com

видеоурок «Какие картинки лучше использовать на сайте»

Да, и еще, программа, которой я редактировал картинки – абсолютно бесплатна, и она входит в архив видео урока. Так что вы сможете не только посмотреть – но сразу же испробовать все на практике!

PS: Так как видео я записывал с картинками, этот урок весит прилично, не удивляйтесь размеру (60МБ) - я его записывал на максимальном качестве, что бы вы видели всю картину измений качества рисунка. Урок длится полчаса. Приятного просмотра. Спасибо за внимание!

PSS: Если что будет не понятно - пишем прямо здесь, в комментариях.

Комментариев: 10 RSS

Урок как раз вовремя, я уже начал подбирать картинки для своих постов. Спасибо.

5. Комментатор2
2010-07-27 в 13:08:51

Спасибо за урок, обычно с gif и jpg работаю, про pdf формат не знала, что такой полезный, теперь в курсе grin

ни PDF, а PNG.

Это улучшенный вариант GIF.

Поддерживает прозрачные фоны, и анимацию тоже вроде.

7. Комментатор2
2010-07-27 в 17:47:49

Да, про него и говорила red face, спасибо, что поправили, заработалась совсем, наверно пора выходной себе сделать. grin Раз такие ошибки уже делаю.

Я использую FastStone Image Viewer для обработки фотографий, или Microsoft Office Picture Manager для сжатия! Отличный программы. Спасибо за полезный видеоурок


  • Комментариев: 10

  • Вконтакте

  • Facebook:

  • Disqus

Тест-драйв тренинга Верстаем на 5+ 2.0

Комментариев: 10

Оставьте комментарий!

Вы можете войти под своим логином или зарегистрироваться на сайте.

Авторизация MaxSiteAuth. Войти через loginza

A PHP Error was encountered

Severity: Notice

Message: Undefined index: tc_vk_apiid

Filename: blocks/comments-vk.php

Line Number: 15

comments powered by Disqus