Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Неверные значения атрибутов width, height

Читайте также:
  1. Безрассудные, необдуманные поступки, это лишь повод встретиться с судьбой, сигануть с моста, осмыслить все свои неверные шаги, ну… или просто смерть, ничего больше.
  2. Благословит его Аллах и приветствует, не придавал значения.
  3. В зависимости от назначения помещений
  4. Ввод атрибутов объектов
  5. Вопрос 1. Анализ и правовая оценка сложившейся практики приглашения, назначения, замены защитника
  6. Все графические обозначения Велений носят условный характер.
  7. Господь не сотворил лишенного значения мира

Штрафной балл: 0.1–0.5

Рекомендации

За каждую обнаруженную погрешность (один неверный тег IMG) назначается штраф 0.1.

Общая сумма штрафов ограничена числом 0.5. То есть при обнаружении более пяти ошибок, они не увеличивают суммарный штраф.

Буквальное повторение одной и той же ошибки (одного и того же кода) считать одной погрешностью.

 

Атрибуты height и width задают размеры прямоугольника, в который браузер выводит картинку. Эти размеры должны совпадать с реальными размерами картинки. Если совпадения нет, браузер растягивает или сжимает изображение так, чтобы оно полностью заполнило отведенное для него место. В итоге картинка выводится с неприятными искажениями.

Новичок часто берет большую картинку и уменьшает её при помощи браузера. В итоге пользователь видит изображение с искажением и загружает по сети лишние десятки килобайт.

Уменьшать картинку нужно графическим редактором: он делает это более качественно и, в отличие от браузера, сокращает килобайтный вес изображения.

Сравните эти два изображения (рис. 7.37):

Рис 7.37. Левая картинка уменьшена в графическом редакторе, правая — браузером

Одно из них уменьшено браузером, другое графическим редактором. Правда, не надо уточнять, какая картинка, чем уменьшалась?

Кажется, что если, наоборот, есть маленькая картинка, а на странице нужно поместить её в увеличенном виде, то пользоваться атрибутами height и width выгодно: получаем большое изображение с малым килобайтным весом.

Да, это так. Если, конечно, вас устраивает качество увеличения. Браузер просто укрупняет точки, Photosop это делает по более сложному алгоритму, стараясь не ухудшить качество изображения.

Но самый лучший редактор с точки зрения независимости качества от размера — векторный, такой как, Xara X. Векторный рисунок без искажений растягивается до нужного размера, а потом записывается на диск в растровом формате GIF или JPEG.

Сравните эти два изображения (рис. 7.38):

Рис 7.38. Левая картинка увеличена браузером, правая — графическим редактором

Отсутствие указаний alt="" во вспомогательной и составной графике

Штрафной балл: 0.1–0.5

Рекомендации

За каждую обнаруженную погрешность назначается штраф 0.1.

Общая сумма штрафов ограничена числом 0.5. То есть при обнаружении более пяти ошибок, они не увеличивают суммарный штраф.

Буквальное повторение одной и той же ошибки (одного и того же кода) считать одной погрешностью.

 

Для пустых картинок-распорок, декоративной и составной графики необходимо указывать alt ="". Дело в том, что по стандарту HTML у атрибута alt нет определенного значения. Это означает, что браузеры вправе помещать в альтернативный текст всё, что угодно.


Дата добавления: 2015-11-30; просмотров: 24 | Нарушение авторских прав



mybiblioteka.su - 2015-2024 год. (0.006 сек.)