Кликабельные картинки. 3+1 способ размещения крупных изображений с мелкими деталями на вашем сайте.

Нередко бывает так, что мы находим или узнаём какую –либо полезную информацию и пишем какую-то статью на основе этой информации для своего сайта, и все у нас получается неплохо по тексту – просто восхитительно, мы точно понимаем и даже находим подтверждение, что такая статья, на такую тему, всем очень нужна, и мы уже рисуем в голове как должна выглядеть, эта самая, супер-статья с супер актуальной и нужной всем информацией, и тут вдруг понимаем, что нам нужен не только текст, но и соответствующие картинки подобрать к нашей статье. И все-бы ничего, и картинки подбираются, фотки, скрины и другие всевозможные изображения, но вот беда заключается иногда в том, что необходимо, для дела, разместить достаточно большое изображение с довольно мелкими, но при этом очень важными элементами на этом изображении, с разрешением, скажем, 1200*600 пикселей, а места в статье у нас всего 640 пикселей по ширине (к примеру, взял наиболее часто встречающийся формат в шаблонах множества сайтов).

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

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

Но что же делать?

Читать решение в источнике

Вступите в группу, и вы сможете просматривать изображения в полном размере

		Это интересно 0	Как всё будет выглядеть в блоге: Кликабельные картинки. 3+1 способ размещения крупных изображений с мелкими деталями на вашем сайте. Нередко бывает так, что мы находим или узнаём какую –либо полезную информацию и пишем какую-то статью на основе этой информации для своего сайта, и все у нас получается неплохо по тексту – просто восхитительно, мы точно понимаем и даже находим подтверждение, что такая статья, на такую тему, всем очень нужна, и мы уже рисуем в голове как должна выглядеть, эта самая, супер-статья с супер актуальной и нужной всем информацией, и тут вдруг понимаем, что нам нужен не только текст, но и соответствующие картинки подобрать к нашей статье Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/sozdat-svoj-sajt-mechta-kazhdogo-chelovekakotoryij-hotya-byi-2-3-raza-zahodil-v-internet/13441965/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Кликабельные картинки. 3+1 способ размещения крупных изображений с мелкими деталями на вашем сайте. </a> <div class="insert-intro" style="font-family:trebuchet MS;"> Нередко бывает так, что мы находим или узнаём какую –либо полезную информацию и пишем какую-то статью на основе этой информации для своего сайта, и все у нас получается неплохо по тексту – просто восхитительно, мы точно понимаем и даже находим подтверждение, что такая статья, на такую тему, всем очень нужна, и мы уже рисуем в голове как должна выглядеть, эта самая, супер-статья с супер актуальной и нужной всем информацией, и тут вдруг понимаем, что нам нужен не только текст, но и соответствующие картинки подобрать к нашей статье </div> </div> Кликабельные картинки. 3+1 способ размещения крупных изображений с мелкими деталями на вашем сайте. <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/sozdat-svoj-sajt-mechta-kazhdogo-chelovekakotoryij-hotya-byi-2-3-raza-zahodil-v-internet/13441965/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Кликабельные картинки. 3+1 способ размещения крупных изображений с мелкими деталями на вашем сайте.</a> <div style="font-family:trebuchet MS;"> Нередко бывает так, что мы находим или узнаём какую –либо полезную информацию и пишем какую-то статью на основе этой информации для своего сайта, и все у нас получается неплохо по тексту – просто восхитительно, мы точно понимаем и даже находим подтверждение, что такая статья, на такую тему, всем очень нужна, и мы уже рисуем в голове как должна выглядеть, эта самая, супер-статья с супер актуальной и нужной всем информацией, и тут вдруг понимаем, что нам нужен не только текст, но и соответствующие картинки подобрать к нашей статье </div> </div>

Михась1

09.04.2017

В избранное Пожаловаться Просмотров: 394

Комментарии ⁰

Создать свой сайт 963

Активные участники:

Последние откомментированные темы:

Кликабельные картинки. 3+1 способ размещения крупных изображений с мелкими деталями на вашем сайте.

Комментарии временно отключены

Открытая группа
19563 участника