Web design и всё-всё-всё : Ваша персональная бесплатная страничка в Интернет за 15 минут…
<<предыдущая стр. о графических форматах для веб продолжить чтение пособия по веб дизайну (web design) для начинающих с нуля (содержание) заключительная глава пособия - сюда >>
РИСУНКИ - КАРТИНКИ-IMAGES (продолжение)
Итак, графический файл у Вас в компьютере. Если Вы следовали предыдущим инструкциям, то в формате jpg. Если нет, и имеющийся в наличии файл рисунка (фотографии) другого формата - не беда! Особенно, если это файл в формате gif. Такой файл, как и файл jpg, непосредственно размещается на веб страничке. |
||
Если Вы уже освоили коды html, то просто вставьте команду <img src="imyafaila.jpg"> в понравившееся Вам место. В этой команде можно задать и размеры рисунка с помощью атрибутов width (ширина) и height (высота),------ > |
|
НО уменьшить высоту и ширину фотографии (зачеркнуто) картинки лучше не атрибутами тегов html, а все-таки в любом графическом редакторе. Причем совершенно не обязательно это должен быть Adobe Photoshop последней версии. Зато с помощью Adobe ImageReady Вы сможете оптимизировать Ваш графический файл. |
Что значит оптимизировать для интернет? - Это значит, фактически, уменьшить размер файла в килобайтах (говорим только о килобайтах, а мегабайтах уже забыли!) не за счет уменьшения ширины или высоты изображения , но при практически невидимой живому глазу некоторой потери качества изображения. Тут уже можно говорить о размерах графических файлов всего в несколько килобайт, даже не в несколько десятков, а про сотни и речи не может быть. Правда, здорово? Какой формат gif или jpg выбрать - решать Вам. Подсказываю: конечно, тот, который получается меньшего размера, если Вы не используете свойство " transparency - прозрачность", присущее только файлам gif.
Для оптимизации файлов для интернет помимо упомянутой выше Adobe ImageReady можно использовать графический редактор Coral Draw. (Соответствующая команда быстро нашлась в меню Файл). Причем наши друзья успешно пользуются демо-версиями программ. среднеазиатская овчарка алабай . Мы пошли дальше и воспользовались любезно предоставленной HP бесплатной программой к МФУ (их-наше многофункциональное устройство принтер-сканер). Фотографии огромного размера были сделаны профессиональным фотографом в формате jpg (JPEG) щенки алабаи Бонус для тех, кто дочитал. Не забывайте подписывать фотографии с помощью title или alt <img src="imyafaila.jpg" title="чё це за хрень?" alt="здесь должна быть картинка, включите поддержку графики" > |
в начало этой страницы^^ продолжить чтение книги (содержание) >>