-2

У меня есть изображение, и я хочу иметь ссылку на него. Когда кто-то нажимает на ссылку, он переходит на данный сайт. Возможно ли это сделать?

проясняю мой вопрос

Я загружаю изображение и мне нужна ссылка на него

4 ответа4

2

Не существует распространенных графических форматов, которые при просмотре автоматически переходят на веб-сайт одним нажатием.

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

Код для этой страницы будет выглядеть так:

<a href="Title"><img src="image.png"></a>

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

Еще вы можете создать Flash-анимацию, состоящую только из статического изображения. При нажатии он может перейти на другой сайт. Однако Flash не является форматом изображения.

0

Прочитав эту статью, я узнал, что это возможно с изображениями SVG.

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

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

<a xlink:href="HTTP://YOURSITEGOESHERE.COM" target="_top">

<rect x="10" y="20" width="75" height="30" style="stroke: #333366; fill: #6666cc"/>

</a>

</svg>

Скопируйте и вставьте код в текстовый редактор, сохраните как файл .svg и откройте файл в веб-браузере.

0

Я не знаком ни с одним распространенным форматом изображения, который имеет ссылки в его спецификации ... Помимо SVG, которая является векторной графикой.

В SVG вы можете создать ссылку, используя элемент <a> . Вот пример:

<svg width="140" height="30"
     xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink">

  <a xlink:href="https://developer.mozilla.org/en-US/docs/SVG"
     target="_blank">
    <rect height="30" width="120" y="0" x="0" rx="15"/>
    <text fill="white" text-anchor="middle" 
          y="21" x="60">SVG on MDN</text>
  </a>

</svg>

Вы также можете встроить растровое изображение, используя элемент <image> и данные изображения в кодировке base64, а затем сделать его ссылкой, как описано выше. Однако может случиться так, что любой сервис, в который вы хотите загрузить изображение, ограничен такими форматами, как JPEG/PNG/GIF и не будет принимать SVG.

В противном случае, если вы хотите, чтобы ссылка сохранялась и работала в формате JPEG, PNG, BMP или GIF, то это AFAIK невозможно, поскольку это просто не входит в их спецификации.

-1

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

Форматы, отличные от простых изображений - такие объекты, как SWF, SVG, IFRAMEd-страницы, апплеты Java и т.д. - потребуются для передачи дополнительной информации, необходимой для встраивания ссылки.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .