Некоторые методы обрезки изображений в веб-дизайне и их особенности:

• Непропорциональное изменение изображения. 1 Модуль растягивает или сжимает картинку, не обращая внимания на её пропорции. 1 Преимущества: в случае с большим разрешением модуль автоматически кадрирует изображение до нужного разрешения. 1 Недостатки: при меньшем разрешении изображение начинает пикселить, так как растровую картинку невозможно увеличить без потери качества. 1
• Пропорциональное изменение изображения. 1 Модуль получает картинку и начинает пропорционально её увеличивать или уменьшать, пока по одной из нужных сторон (по вертикали или горизонтали) изображение не заполнит нужный размер. 1 Преимущества: при большом разрешении модуль автоматически уменьшает изображение до момента, пока оно не заполнит контейнер. 1 Недостатки: в случае с меньшим разрешением модуль не растягивает изображение, а заполняет указанным цветом всё вокруг. 1
• Автоматическая обрезка по большей стороне. 1 Преимущества: в некоторых случаях результат может быть приемлемым, так как изначальная картинка ориентирована к центру изображения. 1 Недостатки: если бы изображение было смещено к одной из сторон, то результат вряд ли бы устроил кого-то. 1

Для обрезки изображений в веб-дизайне используют различные инструменты, например Pixlr, Img2Go, BeFunky, Picwish и PhotoDirector. 3