Дисплей CSS изображение, измененное и обрезанное
Вариант 7.3-fpm-stretch содержит только PHP FPM, а 7.3-apache-stretch содержит также сервер Apache httpd и PHP, настроенный как модуль Apache.
Если вы хотите использовать PHP в качестве модуля Apache, вам может подойти вариант apache.
Если вы хотите использовать, например, nginx или просто хотите иметь FPM, вам нужен вариант fpm.
5 ответов
Вы могли использовать комбинацию обоих методов, например,
.crop {
width: 200px;
height: 150px;
overflow: hidden;
}
.crop img {
width: 400px;
height: 300px;
margin: -75px 0 0 -100px;
} <div class="crop">
<img src="https://i.stack.imgur.com/wPh0S.jpg" alt="Donald Duck">
</div> можно использовать отрицательный margin для перемещения изображения в <div/>.
То, что я сделал, должно создать серверный сценарий, который изменит размер и обрежет изображение на конце сервера, таким образом, он отправит меньше данных через межсеть.
Это довольно тривиально, но если кому-либо интересно, я могу вскопать и отправить код (asp.net)
Можно поместить тег img в тег Div и сделать обоих, но я рекомендовал бы против масштабирования изображений в браузере. Это делает паршивое задание большую часть времени, потому что браузеры имеют очень упрощенные алгоритмы масштабирования. Лучше, чтобы сделать Ваше масштабирование в Photoshop или ImageMagick сначала, затем служите ему до клиента, хорошего и симпатичного.
.imgContainer {
overflow: hidden;
width: 200px;
height: 100px;
}
.imgContainer img {
width: 200px;
height: 120px;
}
<div class="imgContainer">
<img src="imageSrc" />
</div>
содержание отделения с по существу обрезают изображение путем сокрытия переполнения.
Можно использовать Kodem , Изображение Изменяет размер Сервиса . Можно изменить размер любого изображения только с вызовом http. Может использоваться небрежно в браузере или использоваться в Вашем производственном приложении.
- Загрузка изображение где-нибудь Вы предпочитаете (S3, imgur и т.д.)
- Разъем это в Ваш специализированный URL API (из нашей панели инструментов)