图片宽高比例怎样才好看
时间: 2023-10-28 22:05:19 浏览: 30
图片宽高比例的选择取决于图片的用途和设计需求。以下是一些常见的比例:
1:1 - 正方形比例,常用于社交媒体网站的头像或缩略图。
4:3 - 传统的相机拍摄比例,适用于许多场景,包括人像、风景、建筑等。
16:9 - 宽屏比例,适用于电影、视频和游戏等多媒体内容。
2:1 - 横向长方形比例,适用于横幅或宽屏幕背景图像。
3:2 - 传统的35毫米相机拍摄比例,适用于许多场景,包括人像、风景、建筑等。
选择哪种比例取决于你想要呈现的内容和设计风格。例如,如果你想要展示一个风景照片,4:3 或 3:2 会更适合,因为它们能够更好地展示景色的宽度和高度。但是,如果你想要展示一个电影海报,16:9 可能更合适,因为它更符合电影屏幕的比例。
相关问题
el-upload上传图片限制图片宽高比例
您可以通过设置 `beforeUpload` 方法来限制图片的宽高比例。在 `beforeUpload` 方法中,您可以使用 `FileReader` 对象来读取图片文件,然后获取其宽高比例,如果不符合要求,则返回 `false` 来阻止上传。
以下是一个示例代码:
```html
<template>
<el-upload
class="upload-demo"
action="/upload"
:before-upload="handleBeforeUpload">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</template>
<script>
export default {
methods: {
handleBeforeUpload(file) {
return new Promise((resolve, reject) => {
const reader = new FileReader()
reader.readAsDataURL(file)
reader.onload = () => {
const img = new Image()
img.src = reader.result
img.onload = () => {
const width = img.width
const height = img.height
if (width / height !== 2) { // 限制宽高比例为2
this.$message.error('图片宽高比例必须为2')
reject()
} else {
resolve()
}
}
}
})
}
}
}
</script>
```
在上面的代码中,我们限制了图片的宽高比例为2。您可以根据需要修改宽高比例的值。
图片宽高比例16:9实际怎么设置px呢
要设置一个宽高比例为16:9的图片的像素大小,可以按照以下步骤进行:
1.确定图片的宽度。假设你想让图片的宽度为800px,这是一个常见的网页设计尺寸。
2.计算图片的高度。根据16:9的比例,图片的高度应为宽度的9/16。因此,这个图片的高度为450px(800px x 9/16 = 450px)。
3.将这些尺寸应用到你的图片中。在Photoshop或其他图像编辑软件中,设置图片大小为800px x 450px。
这样,你就得到了一个宽高比例为16:9的800px x 450px的图片。