Когда использовать IMG против CSS background-image?

В каких ситуациях более целесообразно использовать IMGтег HTML для отображения изображения, а не CSS background-imageи наоборот?

Факторы могут включать в себя доступность, поддержку браузера, динамический контент или любые технические ограничения или принципы юзабилити.

29.01.2009 18:25:06
Вам нужно изображение, чтобы занять место, или вы хотите написать поверх него?
geowa4 29.01.2009 18:28:28
В качестве обновления, поскольку в Google это занимает довольно высокое место, теперь возможно масштабирование в браузере и растяжение изображения для background-image, и оно довольно широко поддерживается (конечно, IE8 и ниже, исключение), рендеринг пунктов 4 и 7 в случаях это может позволить отступление или игнорирование такого эффекта для IE8 и ниже. caniuse.com/#search=background-image
Shauna 8.02.2013 15:45:35
отличный и полезный пост, я добавлю вопрос для сравнения, преимущество css также в эффектах наведения? это может быть воспроизведено с помощью тегов img?
ericosg 25.04.2013 21:26:48
Я обычно добавляю атрибут alt и атрибут title ко всем изображениям контента. Разве это не предпочтительно?
HartleySan 22.05.2013 06:45:16
Также у img может быть карта с интерактивными областями и подсказками
Vitim.us 27.09.2013 16:08:21
30 ОТВЕТОВ

Это черно-белое решение для меня. Если изображение является частью содержимого, такого как логотип, диаграмма или человек (реальный человек, а не люди с фотографиями), используйте <img />атрибут tag плюс alt. Для всего остального есть CSS фоновые изображения.

Другой раз, чтобы использовать фоновые изображения CSS, когда вы делаете замену текста, например. пункты / заголовки.

291
29.01.2009 18:31:43
Отличный случай! CON - использовать background-image при выполнении замены текста в изображении.
system PAUSE 29.01.2009 18:40:58
Это справедливо, но, конечно, для замены текста текста (например, заголовка) потребуется добавить «alt», чтобы программы чтения с экрана могли его прочитать? Или, если изображения не отображаются, вы все равно получаете заголовок? Да, заголовок, а затем стиль будет лучше, но обязательно текст?
Theo Scholiadis 19.04.2012 11:17:31
@TheoScholiadis использование замены изображения означает не использование изображения вместо текста, а скрытие текста каким-либо образом с использованием CSS и предоставление изображения в качестве фона с помощью CSS. Документ остается семантически нетронутым.
roborourke 19.04.2012 13:16:40
Лично я ненавижу, когда не могу скопировать «текст», потому что на самом деле это изображение. Зовите меня ленивым, но эй ...
Shaz 25.07.2013 14:35:07
Когда вам нужно изображение для SEO, используйте тег img с атрибутом alt. В противном случае используйте изображение в фоновом режиме, используя CSS.
Super Model 4.05.2017 08:52:17

Браузеры не всегда настроены на печать фоновых изображений по умолчанию; если вы хотите, чтобы люди печатали вашу страницу :)

54
29.01.2009 18:32:03
Звучит так: PRO - используйте IMG, если вы хотите, чтобы изображение печаталось по умолчанию. CON - Используйте background-image, если вы не хотите, чтобы изображение печаталось по умолчанию. Хороший!
system PAUSE 29.01.2009 18:38:58
Я думаю, что идея состоит в том, чтобы иметь отдельные стили CSS только для печати, которые скрывают изображения или изменяют их на более подходящие.
Blazemonger 28.01.2014 17:36:00

Вот техническое соображение: будет ли изображение генерироваться динамически? Как правило, генерировать <img>тег в HTML гораздо проще, чем пытаться динамически редактировать свойство CSS.

7
2.02.2009 22:30:31
А как насчет встроенных стилей? Этот вопрос действительно не должен решаться этой идеей.
viam0Zah 20.04.2009 16:54:05
может быть, я должен сформулировать это так: вы бы предпочли работать с элементом DOM или атрибутом элемента?
Bryan M. 27.08.2010 17:54:38
вероятно, стоит рассмотреть bacl в '09, но с jQuery это вряд ли проблема. Переключать CSS или классы на элементе даже проще и плавнее, чем переключать элементы.
dfherr 10.06.2015 12:49:00

Используйте CSS background-image в случае нескольких скинов или версий дизайна. Javascript может использоваться для динамического изменения класса элемента, что заставит его отображать другое изображение. С тэгом IMG это может быть сложнее.

10
13.02.2009 18:29:07
Вы также можете динамически изменять атрибут src тега изображения, так же просто, как и изменение класса
roborourke 15.02.2009 16:51:01
@sanchothefat, правда, однако, в этом случае источник изображения должен быть сохранен в JS вместо CSS. IMO файл CSS будет более подходящим для сохранения имени файла.
MK_Dev 16.02.2009 00:34:56

Если у вас есть CSS во внешнем файле, то часто удобно отображать изображение, которое часто используется на сайте (например, изображение заголовка), в качестве фонового изображения, потому что тогда у вас есть возможность изменить изображение позже.

Например, скажем, у вас есть следующий HTML:

<div id="headerImage"></div>

... и CSS:

#headerImage {
    width: 200px;
    height: 100px;
    background: url(Images/headerImage.png) no-repeat;
}

Через несколько дней вы меняете местоположение изображения. Все, что вам нужно сделать, это обновить CSS:

#headerImage {
    width: 200px;
    height: 100px;
    background: url(../resources/images/headerImage.png) no-repeat;
}

В противном случае вам придется обновлять srcатрибут соответствующего <img>тега в каждом файле HTML (при условии, что вы не используете серверный язык сценариев или CMS для автоматизации процесса).

Также фоновые изображения полезны, если вы не хотите, чтобы пользователь мог сохранить изображение (хотя мне никогда не требовалось это делать).

51
30.07.2015 15:07:20
Фоновые изображения, безусловно, могут быть сохранены с минимальным наложением источника, но не так просто, как щелчок правой кнопкой мыши на изображении.
Michael Hackner 2.12.2010 16:03:17
Fire Fox. Щелкните правой кнопкой мыши. Msgstr "Посмотреть фоновое изображение". Не так сложно
TRiG 17.05.2013 14:30:40
@TRiG Если нет прозрачного наложения или специфичного для страницы изменения контекстного меню, чтобы помешать вам сделать это. Я видел это раньше, и, на мой взгляд, это довольно глупо, потому что вам даже не нужно разбираться в источнике, если страница полностью загружена, то, по крайней мере, в Firefox вы можете нажать Инструменты> Информация о странице / alt + t, i / щелкните правой кнопкой мыши и выберите «Просмотр информации о странице», перейдите в раздел «Медиа» и сохраните все нужные элементы из списка. Конечно, есть способы предотвратить даже это, такие как встраивание изображения в файл Flash или другие странные уловки, но даже они могут быть обойдены или учтены.
JAB 27.06.2013 18:46:42
Я думаю, что фоновая техника не совсем хороша для того, чтобы
ncubica 11.07.2013 15:21:03

Примерно так же, как ответ Санчотефата , но с другой стороны. Я всегда спрашиваю себя: если бы я полностью удалил таблицы стилей с сайта, оставшиеся элементы относятся только к контенту? Если так, я хорошо выполнил свою работу.

45
23.05.2017 12:02:56

Как насчет размера изображения? Если я использую тег img, браузер масштабирует изображение. Если я использую CSS-фон, браузер просто вырезает кусок из большего изображения.

7
22.05.2009 18:00:17

Передний план = img.

Фон = CSS фон.

17
22.05.2009 18:03:51
Конечно, но как насчет маленького индикатора со стрелкой вниз рядом с кнопкой «меню» или других подобных элементов. Как вы классифицируете это - передний план или фон?
dudewad 3.02.2015 18:52:16
@dudewad Я бы сказал, передний план, потому что они (визуально) находятся в «верхнем» слое страницы, наложены на другие элементы.
jkdev 18.05.2016 00:59:16
РЕШЕНИЕ

Правильное использование IMG

  1. Используйте, IMGесли вы хотите, чтобы люди печатали вашу страницу, и вы хотите, чтобы изображение было включено по умолчанию. - JayTee
  2. Используйте IMGaltтекстом), когда изображение имеет важное семантическое значение, например значок предупреждения . Это гарантирует, что значение изображения может быть передано во всех пользовательских агентах, включая программы чтения с экрана.

Прагматическое использование IMG

  1. Используйте IMGатрибут плюс alt, если изображение является частью контента, такого как логотип, диаграмма или человек (реальный человек, а не люди с фотографиями). - sanchothefat
  2. Используйте, IMGесли вы полагаетесь на масштабирование в браузере для рендеринга изображения пропорционально размеру текста.
  3. Используйте IMG для нескольких наложенных изображений в IE6 .
  4. Используйте IMGс z-index, чтобы растянуть фоновое изображение, чтобы заполнить все его окно.
    Обратите внимание, что это больше не относится к CSS3 background-size; см. № 6 ниже.
  5. Использование imgвместо background-imageможет значительно улучшить производительность анимации на фоне.

Когда использовать CSS background-image

  1. Используйте фоновые изображения CSS, если изображение не является частью содержимого . - sanchothefat
  2. Используйте фоновые изображения CSS при замене текста, например. пункты / заголовки. - sanchothefat
  3. Используйте, background-imageесли вы хотите, чтобы люди печатали вашу страницу, и вы не хотите, чтобы изображение было включено по умолчанию. - JayTee
  4. Используйте, background-imageесли вам нужно улучшить время загрузки, как со спрайтами CSS .
  5. Используйте, background-imageесли вам нужно, чтобы была видна только часть изображения, как со спрайтами CSS.
  6. Используйте background-imageс background-size:cover, чтобы растянуть фоновое изображение, чтобы заполнить все его окно.
792
19.09.2017 15:45:43
Я все еще сомневаюсь в фоновых изображениях для замены текста. Я вижу людей, использующих фоновые изображения, а затем текст-отступ: -9999px для текста. Однако я знаю, что подобные текстовые отступы были плохими для SEO, и я полагаю, что это должно быть для некоторых поисковых систем. Но самое главное, если вы выключаете изображения, но оставляете css на изображении, оно исчезает, но текст все еще остается за кадром. Насколько мне известно, альтернативный текст на изображении предназначен, если изображения не отображаются, поэтому теги img лучше.
Scott Reed 13.04.2011 10:45:07
Прагматичное использование изображения заднего фона : если вы не хотите терять волосы из-за проблем с вертикальным центрированием (изображений с различным размером по вертикали);)
Frank Nocke 31.03.2013 17:58:24
Да, проблемы с вертикальным центрированием - принесите Flexbox!
Dean_Wilson 17.11.2014 02:18:45
@BinaryFunt - таким <div class="my-css-page-styles" style="background-image:url(blah.png);"></div>образом вы можете стилизовать его в своей таблице стилей CSS, но если фоновое изображение - это больше вопрос содержания, чем стиля, то вы все равно редактируете его со стороны HTML.
Jimbo Jonny 19.10.2015 14:22:28
Похоже, что в пятом пункте практического использования IMG есть приманка для кликов, указывающая на японский блог о косметике. ссылка: www.ajaxline.com/browsers-performance-in-dependence-of-html-coding [НЕ НАЖИМАЙТЕ ЭТОГО]
wick3d 4.05.2017 06:21:55

Просто чтобы добавить гаечный ключ в работу - я считаю, что вы никогда не должны использовать тег img. HTML предназначался для контента, а не для визуального стиля. все изображения на вашей странице должны быть из CSS, оставляя ваш HTML-код чистым. (даже если это займет немного больше времени, чтобы построить)

0
22.04.2010 13:11:48
Я согласен с вами в отношении изображений, которые служат украшением страниц, но, безусловно, некоторые изображения являются содержимым: фотографии в новостной статье или диаграммы в академической статье и т. Д. Они являются частью содержимого и, вероятно, требуют тега IMG.
benzado 18.09.2010 01:34:06
это было бы более правильным, если бы у тега не было преимуществ, но в настоящее время вы получаете больше власти / контроля над тегом и не можете считать его устаревшим.
ericosg 25.04.2013 21:29:06
«оставляя ваш HTML-код чистым» - Вы когда-нибудь приходили в проект, где каждое изображение является фоновым изображением? Позвольте мне сказать вам - это раздражает проект, который не имеет документов (большинство проектов), и вы в основном принимаете случайные решения о том, какой элемент используется для размещения фонового изображения. Веб-спецификация WC3 определила тег изображения с самого начала Интернета. Семантика определяет, что вы используете тег img там, где это необходимо. Я считаю, что вы слишком усложняете и значительно снижаете удобство сопровождения кода, помещая все в CSS таким образом.
dudewad 3.02.2015 18:51:16

Используя фоновое изображение, вам необходимо абсолютно точно указать размеры. Это может быть серьезной проблемой, если вы на самом деле не знаете их заранее или не можете их определить.

Большая проблема с <img />оверлеями. Что если я хочу использовать внутреннюю тень CSS на моем изображении ( box-shadow:inset 0 0 5px rgb(0,0,0,.5))? В этом случае, поскольку <img />не может иметь дочерних элементов, вам нужно использовать позиционирование и добавлять пустые элементы, что равносильно бесполезной разметке.

В заключение, это довольно ситуативный.

12
16.02.2014 14:21:15

Используйте фоновые изображения только при необходимости, например, контейнеры с изображением, которое выложено плиткой

Одним из основных ПРОФИ путем использования ИЗОБРАЖЕНИЙ , что это лучше для SEO .

14
18.09.2010 14:14:18
Возможно, потому что вы можете использовать атрибут alt.
David 7.06.2013 16:54:09
Разве это не зависит от того, ХОТИТЕ ли вы SEO для этого конкретного изображения? Я не понимаю, почему вы выбрали SEO для изображения, которое является частью стиля страницы, а не для содержимого (например, значок электронной почты на странице контактов). Так что на самом деле, я бы лучше перевернул ваше заявление. Используйте ИЗОБРАЖЕНИЯ только при необходимости (связанные с контентом, печатью и / или SEO).
Volzy 2.05.2014 09:59:44

img является html-тегом по причине, поэтому его следует использовать. Для ссылок или для иллюстрации вещей люди, например: в статьях.

Также, если изображение имеет смысл или должно быть кликабельно, img лучше, чем фон css . Для всех других ситуаций, я думаю, можно использовать фон CSS .

Хотя это тема, которую нужно обсуждать снова и снова.

Веб-студент из Парижа, Франция

6
15.02.2012 06:52:42

Кроме того, у меня есть раздел галереи с непоследовательными размерами изображений, поэтому, хотя эти изображения, очевидно, считаются содержимым, я использую фоновые изображения и центрирую их в элементах div с заданным размером. Это похоже на то, что делает Facebook в своих альбомах.

6
31.05.2011 17:52:52

Я бы добавил еще два аргумента:

  • IMG тег хорошо , если вам нужно изменить размер изображения. Например, если исходное изображение имеет размер 100 на 100 пикселей и вы хотите, чтобы оно было 80 на 80 пикселей, вы можете установить ширину CSS и высоту тега img. Я не знаю ни одного хорошего способа сделать это, используя background-image. РЕДАКТИРОВАТЬ: Теперь это также можно сделать с background-image, используя background-sizeатрибут CSS3.

  • Использование background-image хорошо, когда вам нужно динамически переключаться между спрайтами . Например, если у вас есть изображение кнопки и вы хотите, чтобы при наведении курсора на элемент отображалось отдельное изображение, вы можете использовать фоновое изображение, содержащее как нормальный, так и всплывающий спрайты, и динамически изменять положение фона.

28
11.06.2016 13:11:31
Это действительно хороший ответ, особенно точка изменения размера. Люди будут утверждать, что вы можете использовать background-size, но если вы пытаетесь поддерживать старые браузеры, это не обязательно лучший путь.
dudewad 3.02.2015 18:47:23
Вот как это делается в CSSbackground-size: 80px 80px;
Kareem 9.06.2016 18:17:31
Спасибо @ Карим. Я вижу, что это было введено с CSS3, который еще не существовал, когда я первоначально ответил. Я отредактировал свой ответ, чтобы отразить это.
Anders Rabo Thorbeck 11.06.2016 13:14:52
Я думаю, что важно отметить, что изменение размера фотографий может быть сложным с точки зрения пикселизации или интерполяции. Когда это возможно, я бы не изменил размер более чем на 40% (а это довольно много - стандартно - 20%), не перенеся ваше изображение в программное обеспечение для обработки фотографий, чтобы оно было должным образом изменено без потери качества. Качество DPI может быть здесь важным, если недостаточно информации для растяжения и заполнения выделенного количества пикселей.
dale landry 24.05.2017 04:40:22

Просто добавьте маленький, вы должны использовать тег img, если хотите, чтобы пользователи могли «щелкнуть правой кнопкой мыши» и «save-image» / «save-picture», поэтому если вы намереваетесь предоставить изображение в качестве ресурса для другие.

Использование фонового изображения (насколько я знаю в большинстве браузеров) отключит возможность сохранения изображения напрямую.

5
21.11.2011 12:52:56

Вы можете использовать теги IMG, если хотите, чтобы изображения были плавными и масштабировались до разных размеров экрана. Для меня эти изображения в основном являются частью контента. Для большинства элементов, которые не являются частью содержимого, я использую спрайты CSS, чтобы сохранить минимальный размер загрузки, если я действительно не хочу анимировать значки и т. Д.

2
5.05.2012 03:23:17

Несколько других сценариев, где background-imageследует использовать:

  • Когда вы хотите, чтобы изображение изменилось, когда на него наведена мышь.
  • Когда вы хотите добавить закругленные углы к изображению. Если вы используете img, изображение вытекает из закругленных углов.
11
9.08.2014 12:25:56
Вы действительно можете сделать:img { border-radius: 10px; }
Rafff 8.08.2014 21:13:56
@RafcioKowalsky вы правы. Не могу вспомнить точные условия, в которых border-radiusне работал.
Behrang Saeedzadeh 9.08.2014 12:25:44

Что касается анимации изображений с помощью CSS TranslateX / Y (правильный способ анимировать HTML) - если вы сделаете запись Chrome временной шкалы анимированных фоновых изображений CSS и анимированных тегов IMG, вы увидите, что время рисования для CSS значительно меньше. фон-изображения.

7
11.01.2013 21:21:30

Я использую изображение вместо background-image, когда я хочу сделать их растягиваемыми на 100%, что поддерживается в большинстве браузеров.

2
14.01.2013 16:49:11

Есть еще одна причина! Если у вас адаптивный дизайн и вы хотите разделить использование изображений с низким, средним и высоким разрешением для устройств с помощью медиа-запросов, вам также следует использовать фоновые изображения.

7
28.01.2013 13:44:40
Мартен, Терсхелинг - не труба, я слышал от Винсента Виллемса. Так как вы думаете, это может работать на PyMol
Mehdi Nellen 27.08.2014 10:24:18
Пожалуйста, ознакомьтесь с документацией о том, насколько пайплайтен это pieterpeitshoeve.nl/rondleiding
Maarten 28.08.2014 11:02:58
@ Maarteen, теперь я думаю, что это можно сделать с помощью HTML 5 рисунков и исходных тегов
Tick20 24.01.2020 05:04:41

Еще одно преимущество использования тега <IMG> связано с SEO - то есть вы можете предоставить дополнительную информацию об изображении в атрибуте ALT тега изображения, в то время как нет никакой возможности предоставить такую ​​информацию при указании изображения с помощью CSS и В этом случае поисковые системы могут индексировать только имя файла изображения. Атрибут ALT определенно дает SEO-тегу <IMG> преимущество перед подходом CSS. Вот почему, по моему мнению, лучше указывать изображения, которые вы хотите иметь высокий рейтинг в результатах поиска изображений (например, Google Image Search), используя тег <IMG>.

18
28.03.2018 14:01:18
Значения ALT background-images могут быть определены в карте сайта. google.com/schemas/sitemap-image/1.1
Kareem 9.06.2016 18:15:56

Если вы хотите добавить изображение только для специального содержимого на странице или только для одной страницы, вам следует использовать тег IMG, а если вы хотите разместить изображение на нескольких страницах, вам следует использовать фоновое изображение CSS.

2
27.04.2013 19:52:26

Некоторые ответы усложняют сценарий здесь. Это очень простая ситуация.

Просто отвечайте на этот вопрос каждый раз, когда вы хотите разместить изображение:

Это часть контента или часть дизайна?

Если вы не можете ответить на этот вопрос, вы, вероятно, не знаете, что вы делаете или что вы хотите сделать!

Кроме того, НЕ рассматривайте эти две техники просто потому, что вы хотите быть «дружественными к принтеру» или нет. Также НЕ скрывайте контент с точки зрения SEO с помощью CSS. Если вы обнаружите, что управляете контентом в файлах CSS, вы попали в ногу. Это просто тривиальное решение о том, что контент или нет. Любой другой аспект следует игнорировать.

42
22.06.2013 08:58:17
Мне нравится этот ответ. Это очень ясно. Остальные вопросы, такие как печать или SEO, должны рассматриваться индивидуально в каждом сценарии.
Juan Herrera 22.05.2016 03:17:27

Я удивлен, что никто еще не упомянул это: переходы CSS .

Вы можете изначально перенести divфоновое изображение:

#some_div {
    background-image:url(image_1.jpg);
    -webkit-transition:background-image 0.5s;
    /* Other vendor-prefixed transition properties */
    transition:background-image 0.5s;
}

#some_div:hover {
    background-image:url(image_2.jpg);
}

Это экономит любые JavaScript или JQuery анимации выцветает <img/>«S src.

Больше информации о переходах на MDN .

107
2.01.2017 08:32:04
Это не веская причина. Вы могли бы DIV с 2 наложенными изображениями, и следующий CSS: #some_div { transition: opacity 0.5s; }, #some_div:hover #top_img { opacity: 0; }
warkentien2 12.06.2017 17:10:09
Если вы прочтете эту связанную статью MDN (или спецификации w3c), вы обнаружите, что background-image НЕ является одним из свойств, которые можно анимировать, и любой браузер, который делает это (chrome), не соответствует веб-стандартам. Тем не менее, я думаю, что так и должно быть, и это приятный легкий эффект, поэтому я разочарован тем, что он не является частью стандарта.
Robert McKee 22.06.2017 15:51:16

Небольшой ввод, у меня были проблемы с адаптивными изображениями, замедляющими рендеринг на iphone до минуты, даже с небольшими изображениями:

<!-- Was super slow -->
<div class="stuff">
    <img src=".." width="100%" />
</div>

Но при переходе на использование фоновых изображений проблема исчезла, это возможно только при использовании новых браузеров.

5
6.09.2013 06:56:07
Есть ли у вас поддержка или объяснение этого поведения?
Todd 17.06.2014 18:12:14
Извините, я понятия не имею, почему это приведет к замедлению страницы до ползания ... возможно, повторный поток в браузере на iphone имеет очень мало ресурсов.
winthers 18.06.2014 10:51:20

HTML для контента и CSS для дизайна. Нужно ли изображение, и нужно ли его брать с экрана? Если ответ «да», поместите изображение в HTML. Если это чисто для стиля, то вы можете использовать свойство background-image в CSS для вставки изображения. Как уже упоминали многие люди, вы можете использовать псевдоэлемент на изображении, если хотите.

3
15.02.2014 05:03:49

Другое background-image PRO: Фоновые изображения для <ul>/ <ol>списков.

Используйте фоновые изображения, если они являются частью общего дизайна и повторяются на нескольких страницах. Желательно в фоновом виде спрайт для оптимизации.

Используйте теги для всех изображений, которые не являются частью общего дизайна и, скорее всего, размещены один раз, например, конкретные изображения для статей, людей и важные изображения, которые заслуживают добавления в изображения Google.

** Единственное повторяющееся изображение, которое я включаю в <img>тег, - это логотип сайта / компании. Поскольку люди, как правило, щелкают по нему, чтобы перейти на домашнюю страницу, таким образом, вы оборачиваете его <a>тегом.

2
3.03.2014 22:28:32

IMGСначала загрузите, потому что он srcнаходится в самом html-файле, тогда как в случае background-imageисточника упоминается в таблице стилей, поэтому изображение загружается после загрузки таблицы стилей, что задерживает загрузку веб-страницы.

4
10.04.2014 13:34:43
Кроме того, некоторые браузеры (например, Firefox 35), кажется, background-imageчерез некоторое время обновляют CSS : если у вас открыто несколько вкладок, когда вы возвращаетесь на вкладку через некоторое время, фон CSS на некоторое время остается пустым.
Skippy le Grand Gourou 4.04.2015 10:32:41

Также обратите внимание, что большинство пауков поисковых систем не индексируют фоновые изображения CSS, поэтому фоновые изображения будут игнорироваться, и вы не сможете получать трафик от поисковых систем (короче говоря, никакой пользы для SEO).

Где, поскольку все изображения, определенные с помощью тегов, индексируются (если не исключены вручную) и могут приносить трафик от поисковых систем, если их атрибуты title / alt и имена файлов оптимизированы должным образом (по отношению к некоторым ключевым словам).

3
16.04.2014 08:39:39