Предварительный Просмотр И Изменение Размера Изображений В Html

Вдохновлен почти тем же именем пост Я вспомнил, как однажды решал эту задачу.

Мой метод очень похож, но имеет несколько дополнительных плюсов.

и минусов))) Плюсы: — Изображения генерируются только тогда, когда они необходимы (т.е.

мы не храним ненужные изображения и не нагружаем сервер в случае массовой загрузки изображений) — PHP работает только первый раз (когда изображения нужного размера еще не существует) — Размеры нужного изображения отображаются только на стороне шаблона, т.е.

грубо говоря в html Я вижу один из недостатков моей технологии в том, что ошибку 404 необходимо обрабатывать с помощью PHP-кода.

Теперь суть: Допустим, на сервере есть файл /images/u324/myfoto.jpg. По дизайну куда-то нам нужно вставить версию изображения, уменьшенную до необходимого размера.

Допустим, 150 пикселей в высоту.

Мы просто соединяем изображение с URL-адресом: /resize/h150/images/u324/myfoto.jpg Обработчик ошибки 404 понимает, что от него хотят, создает по указанному адресу изображение заданного размера и возвращает его в ответ. Соответственно, в следующий раз запрос пойдет именно к уже существующему миниатюрному изображению.

Если верстальщику вдруг захочется не 150 пикселей, а 170, то меняется только урл подключенного изображения в шаблоне и больше ничего (мне это больше всего понравилось) Помимо уменьшения по высоте (h150), можно было также уменьшить по ширине или по максимальной стороне, перенеся соответствующее.

буква вместо ч.

Вот собственно и все)) Надеюсь, я не изобрел велосипед. Теги: #предварительный просмотр #изменение размера #изображения #php #php

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.