Як додати URL-адреси до зображень

...

Додайте URL-адресу до зображення.

Додайте URL-адресу до зображення, якщо ваше зображення представляє веб-сторінку або весь веб-сайт. Компанії, наприклад, часто включають URL-адреси веб-сайтів у зображення продуктів, щоб споживачі знали, де можна дізнатися більше про продукт, просто переглянувши зображення. Ви можете додати URL-адреси до самого зображення для перегляду в автономному режимі або як наведення курсора або інтерактивне посилання для перегляду в Інтернеті.

Графічне додавання URL-адрес

Крок 1

Відкрийте своє зображення в програмі для графічного дизайну.

Відео дня

Крок 2

Клацніть мишею у верхній або нижній частині зображення, куди потрібно вставити URL-адресу. Виберіть область, яка містить лише фон зображення, оскільки ваші глядачі не бачитимуть цю область чітко, якщо вона покрита текстом. Наприклад, для фотографії, зробленої на вулиці, вставте текст у область неба.

Крок 3

Виберіть опцію у своїй графічній програмі, щоб додати текст.

Крок 4

Виберіть колір тексту, який виділяється на фоні зображення. Наприклад, для фотографії, зробленої вночі на темному тлі, виберіть колір тексту «білий».

Крок 5

Введіть URL-адресу в текстову область. Налаштуйте розмір тексту так, щоб він займав більшу частину фону зображення, але не виходив за межі зображення або в основні деталі зображення.

Крок 6

Збережіть зображення, використовуючи нову назву, наприклад photoname-URL.jpg, щоб не замінити вихідне невідредаговано зображення.

Додавання URL-адрес в Інтернеті

Крок 1

Відкрийте HTML-код веб-сторінки, куди потрібно вставити зображення.

Крок 2

Вставте зображення в HTML, використовуючи тег "img src" таким чином: Замініть слово "yorupicture.jpg" на назву свого зображення.

Крок 3

Додайте URL-адресу до зображення, щоб відвідувачі бачили URL-адресу, коли наводять курсор миші на зображення, використовуючи тег "alt", як показано нижче: http: www.yourwebsiteurl.com

Крок 4

Додайте інтерактивну URL-адресу до зображення, щоб, коли відвідувачі клацали зображення, URL-адреса відкривалася у вікні браузера. Використовуйте наведений нижче код, який містить як наведення курсора, так і URL-адресу, яку можна натиснути на зображенні: http: www.yourwebsiteurl.com

Речі, які вам знадобляться

  • Програмне забезпечення для графічного дизайну

  • HTML або текстовий редактор