API обработки изображений
Sharp предоставляет богатые возможности обработки изображений, включая изменение размера, обрезку, поворот, фильтры и другие операции.
Изменение размера (resize)
Основное использование
javascript
import sharp from 'sharp';
// Изменение до указанного размера
sharp('input.jpg')
.resize(300, 200)
.toFile('output.jpg');
// Указание только ширины, высота вычисляется автоматически
sharp('input.jpg')
.resize(300)
.toFile('output.jpg');
// Указание только высоты, ширина вычисляется автоматически
sharp('input.jpg')
.resize(null, 200)
.toFile('output.jpg');Опции изменения размера
javascript
sharp('input.jpg')
.resize(300, 200, {
// Алгоритм изменения размера
kernel: sharp.kernel.lanczos3,
// Позиция
position: 'center',
// Цвет фона
background: { r: 255, g: 255, b: 255, alpha: 1 },
// Сохранение соотношения сторон
fit: 'cover',
// Не увеличивать
withoutEnlargement: true,
// Не уменьшать
withoutReduction: false
})
.toFile('output.jpg');Алгоритмы изменения размера
javascript
// Доступные алгоритмы изменения размера
sharp.kernel.nearest // Ближайший сосед
sharp.kernel.cubic // Кубическая интерполяция
sharp.kernel.mitchell // Mitchell-Netravali
sharp.kernel.lanczos2 // Lanczos 2-лепестковый
sharp.kernel.lanczos3 // Lanczos 3-лепестковый (по умолчанию)Режимы адаптации
javascript
// cover: Сохранить соотношение сторон, обрезать лишнее
sharp('input.jpg').resize(300, 200, { fit: 'cover' })
// contain: Сохранить соотношение сторон, добавить фон
sharp('input.jpg').resize(300, 200, { fit: 'contain' })
// fill: Растянуть до указанного размера
sharp('input.jpg').resize(300, 200, { fit: 'fill' })
// inside: Сохранить соотношение сторон, не превышать исходный размер
sharp('input.jpg').resize(300, 200, { fit: 'inside' })
// outside: Сохранить соотношение сторон, достичь минимум указанного размера
sharp('input.jpg').resize(300, 200, { fit: 'outside' })Обрезка (extract)
javascript
// Обрезка указанной области
sharp('input.jpg')
.extract({ left: 100, top: 100, width: 300, height: 200 })
.toFile('output.jpg');
// Обрезка и изменение размера
sharp('input.jpg')
.extract({ left: 100, top: 100, width: 300, height: 200 })
.resize(150, 100)
.toFile('output.jpg');Поворот (rotate)
javascript
// Поворот на 90 градусов
sharp('input.jpg')
.rotate(90)
.toFile('output.jpg');
// Поворот с указанием цвета фона
sharp('input.jpg')
.rotate(45, { background: { r: 255, g: 255, b: 255, alpha: 1 } })
.toFile('output.jpg');Переворот (flip/flop)
javascript
// Вертикальный переворот
sharp('input.jpg')
.flip()
.toFile('output.jpg');
// Горизонтальный переворот
sharp('input.jpg')
.flop()
.toFile('output.jpg');Размытие (blur)
javascript
// Размытие по Гауссу
sharp('input.jpg')
.blur(5)
.toFile('output.jpg');
// Резкость
sharp('input.jpg')
.sharpen()
.toFile('output.jpg');
// Пользовательские параметры резкости
sharp('input.jpg')
.sharpen({
sigma: 1,
flat: 1,
jagged: 2
})
.toFile('output.jpg');Фильтры (filters)
Оттенки серого
javascript
sharp('input.jpg')
.grayscale()
.toFile('output.jpg');Инверсия
javascript
sharp('input.jpg')
.negate()
.toFile('output.jpg');Гамма-коррекция
javascript
sharp('input.jpg')
.gamma(2.2)
.toFile('output.jpg');Яркость/Контрастность
javascript
sharp('input.jpg')
.modulate({
brightness: 1.2, // Яркость (0.1-2.0)
saturation: 0.8, // Насыщенность (0-2.0)
hue: 180 // Оттенок (0-360)
})
.toFile('output.jpg');Операции с цветом
Тонирование
javascript
sharp('input.jpg')
.tint({ r: 255, g: 0, b: 0 })
.toFile('output.jpg');Цветовая матрица
javascript
sharp('input.jpg')
.recomb([
[0.3588, 0.7044, 0.1368],
[0.2990, 0.5870, 0.1140],
[0.0000, 0.0000, 1.0000]
])
.toFile('output.jpg');Операции с каналами
Разделение каналов
javascript
// Получение красного канала
sharp('input.jpg')
.extractChannel('red')
.toFile('red-channel.jpg');
// Получение всех каналов
const channels = await sharp('input.jpg').separate();Объединение каналов
javascript
// Объединение из отдельных файлов каналов
sharp('red.jpg')
.joinChannel(['green.jpg', 'blue.jpg'])
.toFile('merged.jpg');Комбинированные операции
javascript
// Цепочка операций
sharp('input.jpg')
.resize(800, 600)
.rotate(90)
.blur(2)
.sharpen()
.jpeg({ quality: 80 })
.toFile('output.jpg');Оптимизация производительности
Потоковая обработка
javascript
const fs = require('fs');
fs.createReadStream('input.jpg')
.pipe(sharp().resize(300, 200))
.pipe(fs.createWriteStream('output.jpg'));Пакетная обработка
javascript
const sharp = require('sharp');
const fs = require('fs').promises;
async function processImages() {
const files = await fs.readdir('./images');
const promises = files
.filter(file => file.endsWith('.jpg'))
.map(async file => {
await sharp(`./images/${file}`)
.resize(300, 200)
.jpeg({ quality: 80 })
.toFile(`./output/${file}`);
});
await Promise.all(promises);
}Обработка ошибок
javascript
try {
await sharp('input.jpg')
.resize(300, 200)
.toFile('output.jpg');
} catch (error) {
console.error('Обработка изображения не удалась:', error.message);
}