一分钟之内解决：不用 PS 如何修改图片尺寸？

前端

2023-12-28 23:07:58

轻松修改图片尺寸：多种在线工具和技巧

在当今数字时代，图片是沟通和自我表达的重要组成部分。然而，调整图片大小以适应不同平台和用途可能是令人头疼的事情。不用担心，您不必是 Photoshop 专家即可完成此操作。本文将向您介绍多种在线工具和技巧，让您在几秒钟内轻松修改图片尺寸。

在线图片编辑器

在线图片编辑器是最简单的方法之一，可以通过以下步骤修改图片尺寸：

PicResize： PicResize 可让您轻松调整图片尺寸，提供常见社交媒体平台和打印尺寸的多种预设。
ResizeImage： ResizeImage 提供更广泛的功能，包括图片尺寸调整、裁剪、文本和水印添加，以及亮度和对比度调整。
Adobe Photoshop Express： Adobe 提供的免费在线图片编辑器，具有强大的功能，如图片尺寸调整、裁剪、文本和水印添加，以及图片颜色和色调调整。

Windows 和 macOS 内置工具

Windows 和 macOS 操作系统都内置了图片编辑工具，虽然不如在线编辑器强大，但仍可满足基本需求：

Windows 画图： Windows 内置图片编辑器，可用于调整图片尺寸、裁剪、添加文本和线条，以及调整颜色和亮度。
macOS 预览： macOS 内置图片查看器，还可用于图片尺寸调整、裁剪、文本和形状添加，以及颜色和亮度调整。

移动应用程序

对于经常需要修改图片尺寸的人来说，移动应用程序是一个便捷选择。这些应用程序通常是免费的，并提供广泛的功能：

Adobe Photoshop Express： 功能强大的移动图片编辑应用程序，提供与在线版本类似的功能。
PicResize： 提供轻松的图片尺寸调整，并包含常见尺寸预设。
ResizeImage： 提供全面的功能，包括图片尺寸调整、裁剪、文本和水印添加，以及亮度和对比度调整。

代码示例：

Python 使用 Pillow 库调整图片尺寸

from PIL import Image

# 打开图片
image = Image.open("image.jpg")

# 修改图片大小
new_image = image.resize((new_width, new_height))

# 保存修改后的图片
new_image.save("new_image.jpg")

JavaScript 使用 canvas 元素调整图片尺寸

// 获取 canvas 元素
const canvas = document.getElementById("canvas");

// 获取图片
const image = document.getElementById("image");

// 设置 canvas 大小
canvas.width = newWidth;
canvas.height = newHeight;

// 在 canvas 上绘制图片
const ctx = canvas.getContext("2d");
ctx.drawImage(image, 0, 0, newWidth, newHeight);

// 获取修改后的图片数据
const data = canvas.toDataURL();