Ссылка на изображение делается с помощью элемента <a>, в атрибуте href которого пишется адрес изображения. Внутри <a> можно писать текст или вставить то же самое уменьшенное и кадрированное изображение (пример 1).
Пример 1. Ссылка на изображение
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Ссылка</title>
</head>
<body>
<figure>
<a href="image/photo1.webp"><img src="image/thumb1.webp" alt="" width="200"></a>
</figure>
</body>
</html>
Результат данного примера показан на рис. 1. Здесь добавлено изображение с адресом image/thumb1.webp, которое ведёт на изображение с адресом image/photo1.webp. Маленькая квадратная картинка получена в графическом редакторе из большой картинки за счёт её уменьшения и кадрирования.
Рис. 1. Ссылка ведёт на изображение