Отправляет email-рассылки с помощью сервиса Sendsay

Сайтостроение для начинающих

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Как создать свой сайт и заработать?" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Июнь 2013   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
LEM

Статистика

415 подписчиков
0 за неделю
←   Все выпуски   →

Сайтостроение для начинающих Простейшие приёмы работы в Фотошоп - часть-1


Сайтостроение для начинающих
или
Как создать свой сайт?
Сайтостроение для начинающих
Выпуск-17
"Простейшие приёмы работы в Фотошоп, часть 1"

Приветствую вас друзья в этом выпуске рассылки. Сегодня мы поговорим о том, как быстро и эффективно обработать картинку, перед размещением её на странице сайта. Вот несколько простых приёмов, которые помогут вам уменьшить размер картинки, и подобрать подходящий формат рисунка.

1. Первое золотое правило, которое я вам порекомендую: - не используйте изображения, которые гораздо больше самой страницы вашего сайта, в пикселях. Как это нужно понимать? - А вот как: - если страница сайта по ширине 1000 пикселей, то картинка, которую вы вставляете, не должна быть более 900-950 пикселей. Дело в том, что загружая картинки очень большого размера, вы нисколько не выигрываете в качестве просмотра, а напротив, - проигрываете во времени загрузки страницы, и замедляете работу браузера при просмотре. Это происходит потому, что большая картинка, загруженная с сервера, должна быть обработана перед просмотром до нужного размера, а делается это средствами эксплорера, которым вы осуществляете просмотр. И соответственно, возрастает нагрузка на процессор. В следствии всего, вам при просмотре такой страницы приходится ждать некоторое время до полной загрузки картинок. А исправить размеры любой картинки можно запросто, в программе Фотошоп, за считанные секунды. Для этого, перед установкой картинки на сайт, воспользуйтесь инструментом создания прямоугольников, потом поместите полученный объект в нужную часть, затем растяните его стороны до получения нужного размера, и узнайте в свойствах нужную ширину и высоту. Теперь, в фотошопе вам останется только конвертировать вашу оригинальную картинку в нужный размер. И как это делается, вы узнаете из роликов "Простейшие приёмы работы в Фотошоп".

2. Второе золотое правило - уменьшайте размер полученной картинки, меняя качество изображения. К примеру, оригинальное качество картинки может иметь такой большой запас (особенно цифровые фото), что уменьшив его вдвое, вы не сможете на глаз найти отличие от оригинала. Лично я ставлю качество 80% всегда, когда хочу получить максимальное качество. Потому, что нет смысла увеличивать то, что вы не сможете увидеть ... логично? А во многих случаях, я ставлю качество 60% и даже менее, и при этом не видно никаких дефектов изображения.

3. Третье золотое правило - используйте разные форматы картинок в каждом конкретном случае. Это поможет вам очень сильно сэкономить на их размере. Зачем это нужно? - Чтобы сайт, как говорят мастера СЕО (СЕОшники) - ЛЕТАЛ. Что такое СЕО? SEO — комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем. Об этом мы с вами тоже поговорим в одном из уроков в будущем, всему своё время. Так вот, мы рассмотрим несколько применяемых форматов: JPG, GIF, PNG. Самый ходовой формат - JPG, картинки этого формата хорошо смотрятся на белом фоне, скрывая границы самой картинки, которые сливаются с листом. Формат GIF будет занимать чуть большие размеры, при том же качестве, если изображение сложное (фотография, пейзаж), но GIF может занимать очень малые размеры, если картинка не сложная, к примеру, имеет много однотонных областей и мало оттенков цвета. Ещё более расточительный по размеру формат PNG, позволяет накладывать картинки на любые области, с полным отсутствием границ, картинка может быть прозрачной или частично прозрачной, создавая различные эффекты. Пример моего сайта — маленькая зелёная стрелочка слева от панели навигации, а так же, номера страниц в разделе ВИДЕО УРОКИ . В первой части ВИДЕО, смотрите приёмы работы с картинкой, эффекты, тени, и сохранение.

Скачать или смотреть видео урок 17

Скачать, или просмотреть все видео уроки можно в разделе "ВИДЕО УРОКИ" сайта.

Адрес сайта: http://saytostroenie.ru

Ещё мой сайт: http://remont-nastroyka-pc.ru

е-мейл для вопросов: support@saytostroenie.ru

16.06.2013
В избранное