按百分比或固定尺寸调整图片大小,同时保持宽高比或自定义尺寸。
工具功能
- 多种模式: 按像素或百分比调整
- 宽高比锁定: 保持原始比例
- 精确控制: 设置确切的宽度和高度
- 高质量: 调整时保持图片质量
使用方法
- 第一步: 上传图片
- 第二步: 设置尺寸或百分比
- 第三步: 下载调整后的图片
生成原理
图片缩放算法
图片调整大小使用插值算法在更改尺寸时计算新的像素值。常见方法:最近邻(快速、放大时像素化)、双线性(平滑、平均4个最近像素)、双三次(高质量、平均16个像素)、Lanczos(最佳质量、复杂窗口sinc重采样)。浏览器 Canvas drawImage() 默认使用双线性插值。宽高比保持:如果锁定比率,使用原始比率从一个维度计算另一个。降采样(缩小)通常产生良好结果;上采样(放大)显示限制 - 没有算法可以添加原始中不存在的细节。
分辨率和文件大小
图片分辨率影响文件大小和质量:更高分辨率意味着更多像素、更大文件、更多细节。Web 优化:将高分辨率照片降采样到显示大小(例如全屏1920px宽、内容图片800px、缩略图400px)。Retina/HiDPI 显示需要2倍像素密度(1600px逻辑宽度=3200px物理像素)。文件大小估算:未压缩=宽×高×每像素字节(24位RGB=3字节、32位RGBA=4字节);压缩大小取决于压缩格式和内容复杂性。
使用场景
图片调整应用:Web优化(减少页面加载时间)、缩略图生成(预览图片)、社交媒体(平台大小要求:Twitter 1200x675、Facebook 1200x630)、电子邮件附件(大小限制)、移动应用(不同屏幕的多分辨率)、打印准备(DPI要求:打印300 DPI、屏幕72 DPI)。批量处理调整多个图片保持一致尺寸用于画廊、产品目录或内容管理系统。
常见问题
- 有哪些不同的调整大小模式可用?
- 该工具提供两种调整大小模式:像素(固定尺寸)- 以像素为单位设置精确的宽度和高度,和百分比(缩放)- 按百分比调整大小(例如,50% 使图像变为一半大小,200% 使其翻倍)。您还可以选择保持宽高比,以防止调整大小时图像失真。
- 调整大小时如何保持宽高比?
- 启用"保持宽高比"选项。启用后,更改宽度会自动调整高度(反之亦然)以保持原始比例。这可以防止拉伸或压缩。如果禁用,您可以设置独立的宽度和高度,这可能会使图像失真。
- 调整大小会降低图像质量吗?
- 调整大小可能会影响质量,具体取决于方向:缩小(使图像变小)通常保持良好的质量。放大(使图像变大)可能会引入一些模糊,因为该工具会插值新像素。为了获得最佳效果,请从高分辨率图像开始并缩小而不是放大。该工具使用双线性插值以获得平滑的结果。
- 按像素调整大小与按百分比调整大小有什么区别?
- 像素模式设置绝对尺寸(例如,800x600px)- 当您需要特定尺寸用于网页布局或打印时很有用。百分比模式相对于原始大小进行缩放(例如,50% = 一半大小)- 对于创建缩略图或按比例减小文件大小很有用。两种模式都可以保持宽高比。
- 我可以为不同的用例调整图像大小吗?
- 可以!常见用例:网页图像(内容 800-1200px 宽,缩略图 400px),社交媒体(Instagram 1080x1080px,Twitter 1200x675px),电子邮件附件(保持在 1MB 以下,通常 600-800px 宽),打印(300 DPI,计算:英寸 × 300 = 像素)。该工具帮助您在保持质量的同时实现这些尺寸。
相关文档
- MDN - Canvas drawImage() - Canvas API 方法,用于绘制和缩放图像并控制插值
- 图像缩放 - 维基百科 - 图像缩放算法和插值方法的综合指南
- MDN - imageSmoothingEnabled - Canvas 属性,用于控制缩放操作期间的图像平滑
- 图像重采样技术 - 双线性、双三次和其他重采样算法的技术概述
- MDN - Canvas 图像处理 - Canvas 高级图像处理和变换技术教程