Full Member
Покинул форум
Сообщений всего: 237
Дата рег-ции: Март 2009
Репутация: 14
|
Наверно каждый хоть раз хотел, поменять и попробовать собственные силы в графике. Как и и везде интернет, точнее Web обладает рядом ограничений:
а именно не все браузеры одинаково отражают цвета, и существует универсальная палитра безопасных цветов, которая гарантирует правильное их отображение, они есть в редакторах и конечно же в сети см. http://web.artlebedev.ru/tools/colors/
второе ограничение размеры изображения? не всегда, но часто размеры изображения указываются в абсолютных значениях тоесть точно, например 46 на 12 и если ваше изображение не будет такого размера, то браузер автоматически его сузит или растянет, что естественно скажется на качестве...
вес, в килобайтах, мегабайтах, чем качественнее будет изображение тем больше оно будет весить и тем дольше потребуется времени на его передачу на вашу страничку, а если изображений много то часть их может и не успеть загрузится... конечно размер можно уменьшать.. но не стоит с этим переусердствовать (ведь все больше людей использую высокоскоростной и широкополосный интернет) главное помнить что монитор хоть и может отражать много миллионов цветов и оттенков, не всегда браузеры способны это все передать.. а зачем нам лишняя информация которая не используется в 99,9%, правильно не зачем это и называется оптимизация
формат изображения gif или jpg первый использует векторную графику (линии), второй растровую (точки), а если по простому первый для рисунков, второй для фото
итак мы постарались вникнуть о чем будем говорить и приступим:
Нам нужно узнать информацию о рисунке который мы хотим заменить для этого можно прям в браузере щелкнуть на изображении правой кнопкой мышки (контекстное меню) и выбрать пункт открыть изображение появится только наше изображение и вновь на нем правой кнопкой и снова пункт свойства
в итоге появится окно содержащие следующую информацию:
тип
размер изображения
размер файла (вес)
и альтернативный текст
имя файла будет отражено в заголовке окна
всю эту информацию записываем/запоминаем
Для создания изображения я использую Adobe PhotoShop (самой последней версии) хотя если честно любой начиная с 6.0. почему? дело привычки и умения в ней работать...
1. Запускаем программу и жмем на меню файл - новый, открывается окно где можно задать первоначальные настройки будущего изображения, нас интересует размер в пикселах, если конечное изображение 25х45 то можно создать 250х450 (уменьшить всегда успеем), а работать с увеличенным изображением проще...
2. Рисуем, пишем, используя все инструменты в общем создаем...
3. если мы решили просто изменить другое изображение файл-открыть и обрезаем, при этом не забудьте указать вверху нужные нам размеры
4.когда изображение готово:
открываем файл - сохранить для Web откроется окно оптимизации где
слева будут четыре варианта изображения, справа настройки.
5. в настройках меняем тип изображения gif или jpg
палитру цветов, окончательный размер (изображения) выбираем из четырех наиболее понравившиеся щелкаем закрепляя результат и сохраняем под нужным нам именем
6. копируем файл на сервер в нужную папку/каталог или загружаем его через веб-интерфейс.
кстати как вариант можно сделать и свои смайлы...
Предлагаю продолжить высказываться и спрашивать..(Отредактировано автором: 10 ноября 2009 — 19:09) |