Следующая статья: Как делать графический фон на web (html) странице и других объектах
Содержание
Нередкие вставки
Нередко бывает нужно воткнуть на web страничку набросок либо фотографию огромного размера. Разумеется, что файл, содержащий схожий набросок либо фотографию, будет огромного объема, и его загрузка востребует значимого времени.
Выберем набросок огромного размера winner.jpg, который вы сможете отыскать в папке "Общие документы Картинки (общие) Эталоны рисунков". Вставим этот набросок в документ other.html, поместив его сначала web странички.
Скопируйте набросок winner.jpg из папки в каталог вашего web сайта, к примеру, на other.narod.ru.
В файле other.html, воткните пустую строчку после открывающего тега <body> и введите последующий код HTML:
<img src="http://other.narod.ru/winner.jpg">
Обновите изображение в окне браузера. Начнется загрузка файла, которая займет некое время, зависимо от свойства вашей полосы связи.
Направьте внимание, как изображение возникает на дисплее. Потому что данный файл записан в стандартном формате JPEG, то в отличие от рисунка, сохраненного в формате GIF89a, вывод на экран происходит горизонтальными полосами. И до окончания загрузки тяжело найти содержание рисунка. Если б данный набросок был записан в прогрессивном формате JPEG, то изображение возникало бы сходу, полностью, в грубой форме и равномерно бы прояснялось. Разумеется, таковой нрав загрузки был бы удобней, потому что дозволил бы резвее оценить изображение. Безупречной была бы возможность стремительно знакомиться с содержимым графических файлов, не загружая их стопроцентно. В неких форматах для этого употребляется уменьшенная копия изображения, вставляемая в тот же файл и созданная для резвого ознакомления с его содержимым.
Когда загрузка файла завершится, вы увидите, что изображение занимает практически все окно браузера сначала web странички, а текст документа и набросок image.gif размещаются в нижней части странички.
Загрузка
Загруженный набросок пригодится нам в последующем опыте. Хотя его можно стремительно скопировать в папку Web из папки на жестком диске, мы воспользуемся другим методом.
Щелкните правой кнопкой мыши на рисунке в окне браузера и из показавшегося контекстного меню изберите команду Сохранить набросок как (Save Picture As) (Save Image As). В показавшемся диалоге Сохранение рисунка (Save Picture) откройте папку Web, а потом нажмите кнопку Сохранить (Save).
Если набросок очень большой, и вы не желаете, чтоб он замедлял загрузку основного web документа, можно поместить набросок на отдельную страничку, вставив в главном документе ссылку на нее, к примеру, так:
<а href="Адрес_URL">Тут Вы сможете узреть фотографию</а>
В данном случае пользователь сам решает - глядеть либо не глядеть данный набросок.
Мы уже отмечали, что для файлов, схожих загруженному, другими словами сохраненных в формате JPEG, основной метод оптимизации - сжатие. Только таким методом можно уменьшить объем файлов данного формата. Но следует держать в голове, что сжатие JPEG ведет к потере свойства. При каждом сохранении файла этого формата происходит новое сжатие и качество опять усугубляется. Совместно с тем, разработка JPEG замечательна конкретно тем, что позволяет достигнуть сурового выигрыша в сокращении размера при мало приметных для глаза потерях в качестве.
Очередной метод ускорения загрузки графики огромного размера - порезать изображение на части и поместить отдельные куски в HTML таблицу, где они будут восприниматься как единое целое. Каждый таковой кусок можно улучшить персонально, применив более подходящие для него характеристики. При всем этом размер фрагментированного рисунка станет меньше, чем неразрезанного, что существенно ускорит его возникновение на дисплее. Для графики, сохраняемой в формате GIF, можно также улучшить гамму каждого куска, что время от времени позволяет уменьшить объем файла в 2-3 раза.
Видео: «Марш японцев»
Видео с конкурса по маршированию среди японцев достойно уважение шоу и подготовка
