автоматическая обрезка изображений в соответствии с шириной по высоте, указанной в теге img

Question

На моем веб-сайте на страницах со списком я должен показать небольшой эскиз изображений, которые используются на подробных страницах, и они больше по размеру. Поэтому, чтобы отобразить миниатюру в списке, я масштабирую их по высоте и ширине в теге <img>.

Я знаю, что это никогда не хорошая идея. потому что это делает страницу тяжелой и требует времени для загрузки.

Можно ли автоматически обрезать изображения в соответствии с заданной шириной по высоте?

Answer 1

Если у вас есть PHP, вы можете попробовать phpThumb , который сделает все это за вас и многое другое.Он может обрезать, масштабировать, трансформировать, размыть, контрастировать и т.д.загружен.

Он также очень прост в установке и использовании, что является большим плюсом.

Answer 2

Вы не можете обрезать вещи на стороне клиента, чтобы сделать их легкими, потому что все тяжелые работы уже выполнены (передача файлов). Не говоря уже о том, что ваши конечные пользователи будут очень интенсивно манипулировать изображениями. Вам нужно будет создать эскизы на стороне сервера. Вам следует опубликовать вопрос, подробно описывающий, какую технологию на стороне сервера вы используете (C #, php и т. Д.). В идеале вы должны кэшировать их или создавать их заранее, чтобы вы делали это только один раз и тоже спасали сервер от ненужной работы.

На самом деле, не размещайте дополнительный вопрос о том, какую технологию на стороне сервера вы используете. Об этом много раз спрашивали на SO. Ищите как это сделать. php thumbnail creation например.