Справка: Как правильно оформляются картинки

Главная

1. Картинки в HTML не должны превышать по ширине более 700px. (Не ограниченные в самом теге, а именно сама картинка не должна быть по ширине больше 700 px).

2. Размеры картинки должны быть кратны 10, например: если текущий размер картинки 417px то картинку нужно уменьшить, а лучше обрезать до 410px;

3. В теге img не должно быть лишних атрибутов, за исключением src, alt, и title.

4. Теги alt и title должна быть заполненные на русском языке и описывать, что нарисовано на рисунке.

5. Имя файла (картинки) должно иметь понятное имя, написанное строго латинскими и маленькими буквами (желательно в английском переводе). Безымянные картинки не принимаются.

6. Картинки не оформляются, с каким-либо смещение и не вставляются в середину текста, какого-либо абзаца, а вставляется только между абзацами.

7. При оформлении картинок в HTML5 используется следующая структура тегов:

<figure>
<img src="{ссылка на картинку}" alt="{описание картинки на русском}" title="{описание картинки на русском}" />
<figcaption>{описание картинки на русском}</figcaption>
</figure>

8. Не нужно сохранять картинки, которые НЕ используются в текстах.