裁剪肖像图像并调整大小以制作横向封面css

文章/答案/技术大牛

发布

1回答

html、css、background-image

我有一个像这样的图像背景应该是100%的宽度和高度，大约400-500px的全屏和响应性。添加一个如何制作搜索框将是很棒的。谢谢。

浏览 22提问于2020-05-22得票数 0

1回答

PageSpeed模块打乱了图像的比例

image-resizing、mod-pagespeed

Pagespeed模块更新此图像以调整其大小，但在此过程中它会使缩放变得混乱。有没有一种方法可以保持比例并调整其大小？(类似于裁剪图像)高度: 100%；object-fit:封面；

浏览 2提问于2020-08-25得票数 3

1回答

使用纵横比调整C#中的图像大小，并裁剪中心图像，以便没有间隙

c#、asp.net

我试图将用户上传的图像调整到横向尺寸，例如450w和250h，同时保持纵横比，但为了避免像肖像图像这样的调整大小的图像在侧面有间隙，我想裁剪图像的中心来填充调整大小的尺寸。我已经找到了大量的代码来调整图像大小，同时保持纵横比，但不是我在上面寻找的，我希望有人能帮助我。

浏览 1提问于2012-04-26得票数 24

回答已采纳

2回答

iphone上的图像“框架/窗口”

iphone、image、uiimageview

我有许多肖像和风景格式的照片。我希望能够在iphone上的UIImageView中显示“裁剪”的照片。如果图片是横向格式，我希望它调整大小，以适应框架，如果它是纵向格式，我需要它调整大小，以适应宽度，然后在顶部和底部裁剪。就像在图像上有一个“窗口”--所以它看起来像是一幅风景画。

浏览 1提问于2010-09-20得票数 0

回答已采纳

1回答

调整窗口大小时修改图像大小(jQuery)

javascript、jquery、image-resizing、window-resize

当页面加载和浏览器调整大小时，我尝试调整图像的大小。有些图像是纵向的，有些是横向的，它们将放在容器div中，该div也可以是纵向/横向的(取决于浏览器大小)。图像是否应该被拉伸以填满方框( 100%宽或100%高)并不重要，如果比例不匹配，则会发生裁剪(通过CSS overflow:hidden)。我的方法是获得容器盒的比例(即纵向或横向</em

浏览 1提问于2014-01-15得票数 3

回答已采纳

3回答

UIBarButtonItem支持自定义视图的纵向和横向大小？

ios、uikit

我有一个UIBarButtonItem，它只是一个图像，我想使用这个图像作为一个空字符串标题的酒吧项目的背景图像。但是宽度不正确，为了有正确的尺寸，我做了一个带有自定义视图的UIBarButtonItem，这是一个带有图像集的UIButton。我遇到的问题是，在横向模式下，此自定义视图无法调整大小以适合较小的导航栏。我试图让我的按钮自动调整大小，允许灵活的高度，但它保留了肖像的顶部和底部的边缘，现

浏览 1提问于2012-12-07得票数 4

2回答

限制纵向图像宽度/保留宽高比

jquery、css、flexslider

我创建的滑块可以拍摄横向和纵向图像。我设置了smoothHeight: true，以便调整高度以适合图像。在最大的媒体查询中，挠性滑块容器的宽度为750px。这对于横向图像来说很好，但纵向图像会变得太大。肖像图像的宽度设置为与容器相同的大小- 750px宽，因此高度至少是该高度的两倍，因此如果不滚动，则无法查看整个图像。在css中，我尝试设置max-height

浏览 0提问于2012-10-23得票数 8

回答已采纳

2回答

如何仅使用CSS创建正方形图像缩略图

html、css

在一个网页上，我正在渲染一个图像集合。有些图像是纵向的，有些是横向的，所有图像都大于所需的渲染大小。我怎么做才能只使用CSS呢？我不需要选择图像的一部分来显示，只需要选择任何中心位置的正方形区域。我在其他地方看到过这个问题，但还没有找到一个似乎适用于所有方向的答案(例如，肖像可能会被正确裁剪/调整大

浏览 2提问于2013-05-14得票数 2

回答已采纳

1回答

更改方向后调整jQuery移动图像的大小

javascript、html、jquery-mobile

我使用JQM 1.4...我想用图像地图工具制作一张地图你们中有谁有类似的问题吗？

浏览 0提问于2014-01-28得票数 0

3回答

滑块中的图像显示得比实际图像小

javascript、html、css、image

我正在尝试显示一个单独的图像和多个图像在滑块中。唯一的问题是我不能让滑块中的图像与单个图像的高度匹配，它显示的图像要小得多。如何获得匹配的图像大小？即使我得到的图像具有相同的高度和宽度，图像在滑块中也会显示得较小。(忽略通知错误)<?

浏览 2提问于2013-02-16得票数 4

2回答

控制图像大小@右上角css

html、css

我正在构建一个使用HTML和CSS的报告。我正在处理一个在打印时在页面上重复的标题。为了实现这一点，我使用了@page属性，并特别尝试在@top-right中插入一张图片。请参阅下面的CSS： @top-right { border-bottomsolid black;

浏览 2提问于2018-09-18得票数 0

1回答

响应式背景图像，带全宽内侧Div Container

html、css、image、responsive-design、background-image

我想在一个容器内创建一个背景图像，它大约在页面的一半处。高度可能是屏幕高度的20%-30%。我是否需要创建多个图像并使用CSS媒体问题来显示一个图像并隐藏每个分辨率范围的所有其他图像？或者，有没有更简单的方法让图像自动缩放。如果图像是矢量格式，会有帮助吗？

浏览 1提问于2014-09-05得票数 1

2回答

动态html内容，php纵横比

php、html

因此，我正在制作一个网站，其中有一部分用户可以发布帖子和放置图像。当用户上传照片时，我希望它将其调整为更小，以适应帖子的大小。问题是一些用户会在横向上传，而另一些用户会在纵向上传。我知道如何调整图像的大小，但我应该只调整宽度而保持高度的比例吗？我如何设置我的动态html？他们也有类似的帖子设置。当我弄乱他们的图像宽度时，它所做的就是在适当的地方拉伸它。此

浏览 2提问于2011-06-17得票数 0

1回答

来自IMAGICK的大图裁剪图像后，边界半径变得疯狂

imagick

$resizedH/2 - ($finalH/2); } 如果图像是横向的，则图像边界失真是水平的。是否有其他编码到图像中的信息需要更改？

浏览 0提问于2019-12-04得票数 0

1回答

重新生成缩略图wordpress GAE

php、wordpress、google-app-engine、thumbnails、google-cloud-storage

我的整个模板依赖于不同大小的图像。Google app engine插件有没有什么修改可以解决这个问题？我可以在GAE插件的函数image_sizes()中找到的这个集合中添加我需要的所有大小吗？

浏览 1提问于2013-09-07得票数 2

2回答

在全屏显示所有方向的相同图像

iphone、orientation、imageview

我只是想知道如何在横向和纵向模式下建立一个画廊，并在这两种模式下正常显示图像(而不是拉伸或挤压)。我能想到的唯一方法是让两种尺寸的图像都相同，这样它就可以显示出适合方向的图像。这个想法对我来说似乎是“愚蠢的”，所以如果有人知道在所有方向设置图像视图的更好方法，请给我一些建议

浏览 1提问于2011-09-21得票数 0

回答已采纳

1回答

使用不带表单的Carrierwave保存文件

ruby-on-rails、wave、carrierwave

每个相册都有与之相关联的相册图像，它们是使用Carrierwave通过AlbumImageUploader类上传的。现在，我想使用现有的相关相册图像为每个相册选择一个相册封面。我需要处理(裁剪和调整大小)这张选定的图像，然后才能将其用作相册封面。我删除了裁剪和调整大小的函数，并创建了一个AlbumCoverUploader类来保存这个经过处理的专辑图像版本。问题

浏览 1提问于2011-02-28得票数 3

1回答

重新设置横向视图的格式

javascript、iphone、uiwebview、viewport

meta name="viewport" content="width=320,height=420,user-scalable=yes,initial-scale=1.0"> 我使用视点为1.0，因为图像大小不需要重新调整当手机旋转到横向时，窗口宽度被严重裁剪，我在右侧看到一个黑色的空白。我希望视图填充文本的所有横向space...and使用这个空间，而不是像它在肖像中一样多的包装。有没有办法获得这种类型的格式？

浏览 2提问于2009-05-17得票数 0

回答已采纳

6回答

只有CSS的最大高度和最大宽度

css、image

我使用div将缩略图以相同的比例(180wx170h)进行裁剪。我在处理肖像和风景图像时被卡住了。如果我使用这个，这对于肖像风格的图像来说是很好的：。。并且适用于景观风格的图像： .crop img {max-width:180px; height: auto;} is fine for landscape style images.所以我基本上想要裁剪侧面如果<em

浏览 3提问于2013-01-16得票数 35

回答已采纳

1回答

如何将图像与缩略图画布尺寸相匹配？

thumbnails、images、post-thumbnails

我需要上传一个不同的方向(肖像和景观)的图片，我不想裁剪后缩略图。但我总是需要缩略图大小的250x250px。这就是我需要的：我需要缩略图大小总是250×250 to。如果我上传肖像图像-它必须调整到高度:250

浏览 0提问于2016-01-30得票数 1

点击加载更多