Trending

Как сделать на сайте картинку ссылкой

На любом сайте включая «вордпресс», форум,  «контакты», «Joomla», очень легко сделать картинку ссылкой.

Тогда при нажатии, пользователю откроется указанная страница. Сначала, для лучшей ориентировки, немного теории.


Сразу хочу заметить, что само изображение может находиться, где угодно – значения это не имеет.

В «браузерном» языке (html) за изображение отвечает тег <img>, а «src» указывает к нему путь. Выглядит это следующим образом

<img src=»здесь точный адрес вашей картинки»>

Независимо от того будете вы делать картинку ссылкой ли нет (обычная) вначале обязательно нужно указать браузеру что это именно ссылка, а делается оно при помощи тега «<a href» .  целом  Выглядеть это должно следующим образом:

<a target="_blank" href=» полный адрес страницы, которую хотите открыть» ><img src=» место хранения картинки» ></a>

Как сделать картинку ссылкой

После загрузки изображения на сайт вы видите следующую картину (вордпресс).

как сделать картинку ссылкой

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

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

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

Загрузите на него нужную вам картинку, сделайте ее ссылкой в визуальном режиме и пропишите все нужные дополнения: фон, размер, текстовые надписи, как ссылка должна открываться и тому подобное.

После этого переключитесь на html и просто скопируйте код. Вставьте его в нужное место — будет все готово.

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


Тогда ваша картинка будет загружаться намного быстрее. Сделать это можно на сайте «picmarkr.com».

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

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

Здесь их прелести описывать не буду, просто перейдите по ссылке выше и все узнаете.

Добавить комментарий