Используя этот метод, вы не можете установить размер изображения, на которое ссылаетесь. Он будет открываться в браузерах без связанного с ним HTML-кода, поэтому он будет открываться в полном размере (или масштабироваться в зависимости от браузера).
Решением является ссылка на страницу, которая содержит изображение. Это позволяет вам установить код, который определяет размер изображения. Однако это ручной процесс - для 500 изображений потребуется 500 пользовательских страниц. Не идеально.
Если вы стали более изощренными, вы можете создать скрипт и передать его и имя изображения, высоту и ширину, а затем динамически построить страницу для отображения изображения с заданной высотой и шириной. Затем вы можете отобразить произвольное количество изображений с помощью 1 скрипта.
Еще один способ - использовать плагин lightbox , который позволяет вам вставлять полноразмерное изображение в рамку поверх остальной части страницы. Вы, вероятно, видели этот метод, используемый на Facebook или других сайтах - он популярен и не требует особых усилий. Мне это нравится, потому что вам не нужно покидать страницу, на которой вы находитесь, и вы можете показать много фотографий на довольно компактной странице.