像素化

复制from PIL import Image
import numpy as np

# 打开图片并缩小到 8-bit 风格的低分辨率
def pixelate(image_path, output_path, block_size=16):
    img = Image.open(image_path)
    # 缩小到像素块级别
    small = img.resize(
        (img.width // block_size, img.height // block_size),
        resample=Image.NEAREST  # 最近邻，保留硬边缘
    )
    # 放大回原尺寸，产生马赛克效果
    result = small.resize(img.size, Image.NEAREST)
    result.save(output_path)
    print(f"已保存: {output_path}")

# 使用示例
pixelate("input.jpg", "output_pixelated.png", block_size=16)

复制package main

import (
	"image"
	"image/color"
	"image/jpeg"
	"image/png"
	"log"
	"os"
)

func pixelate(srcPath, dstPath string, blockSize int) {
	src, err := os.Open(srcPath)
	if err != nil {
		log.Fatal(err)
	}
	defer src.Close()

	img, _, err := image.Decode(src)
	if err != nil {
		log.Fatal(err)
	}

	bounds := img.Bounds()
	w, h := bounds.Dx(), bounds.Dy()
	dst := image.NewRGBA(bounds)

	for y := 0; y < h; y += blockSize {
		for x := 0; x < w; x += blockSize {
			// 取块内左上角像素颜色
			c := img.At(x, y)
			// 填充整个块
			for dy := 0; dy < blockSize && y+dy < h; dy++ {
				for dx := 0; dx < blockSize && x+dx < w; dx++ {
					dst.Set(x+dx, y+dy, c)
				}
			}
		}
	}

	out, _ := os.Create(dstPath)
	defer out.Close()
	png.Encode(out, dst)
}

func main() {
	pixelate("input.jpg", "output.png", 16)
}

复制// 浏览器端像素化：使用 Canvas 2D API
function pixelateCanvas(imageUrl, blockSize = 16) {
  const img = new Image();
  img.crossOrigin = 'anonymous';
  img.onload = () => {
    const canvas = document.createElement('canvas');
    canvas.width = img.width;
    canvas.height = img.height;
    const ctx = canvas.getContext('2d');

    // 缩小到低分辨率（最近邻插值）
    const smallW = Math.ceil(img.width / blockSize);
    const smallH = Math.ceil(img.height / blockSize);
    ctx.imageSmoothingEnabled = false; // 关闭抗锯齿
    ctx.drawImage(img, 0, 0, smallW, smallH);

    // 放大回原尺寸，产生像素块效果
    ctx.drawImage(canvas, 0, 0, smallW, smallH, 0, 0, img.width, img.height);

    // 输出为 dataURL 或 blob
    const dataUrl = canvas.toDataURL('image/png');
    console.log('像素化完成:', dataUrl);
  };
  img.src = imageUrl;
}

// 使用示例
pixelateCanvas('https://example.com/photo.jpg', 16);