Success: Scroll down Required

1. Select images to crop / resize

Select as many images as you like from your computer. They are not uploaded to a server (cropping is done locally in your browser).

If you have a low-memory device (e.g. iPhone), you may wish to download a zip file after every 20 or so images.

Drop images here...
{{ fileQueue.length }} images ready for cropping.
Success: Scroll down
Success: Scroll down Required

3. Select target aspect ratio for images

Here you can select your desired aspect ratio. Common aspect ratios are 1:1 (square), 4:3 and 16:10.

If you have a desired width and height for your images you can enter that here (e.g. 1000 by 800).

:
Success: Scroll down Invalid aspect ratio
Required

Select cropping mask for {{ fileQueue.length }} images

{{ fileQueue[imageIndex].fileName }}
Crop size: {{ cropWidth }} x {{ cropHeight }}
Download zip
Rows / Строки:
Columns / Колонки:
Gap X (px):
Gap Y (px):
Sample Slices Preview / Предпросмотр долек

Total slices: {{ previewSlices.length }} / Всего долек: {{ previewSlices.length }}

{{ slice.name }}
{{ slice.width }} × {{ slice.height }} px
Shift X:
Shift Y:
Offset / Смещение: X: {{ slice.offsetX }}px, Y: {{ slice.offsetY }}px
Viewport / Область просмотра (Drag to Shift / Тяните для смещения) Active Layer / Активный: {{ previewSlices[overlayActiveIndex] ? previewSlices[overlayActiveIndex].name.split(' / ')[0] : '' }}
FPS Speed: {{ overlayPlayFps }} fps
Frame {{ overlayActiveIndex + 1 }} / {{ previewSlices.length }}
Layer Manager / Слои
{{ slice.name.split(' / ')[0] }}
{{ Math.round(slice.opacity * 100) }}%
Shift Layer / Смещение слоя
Step / Шаг (px):
Offset X:
Offset Y:
Pro-Alignment Tips / Быстрые клавиши:
  • Use the mouse/finger to **drag-and-slide** the active image directly inside the viewport!
  • Press **Arrow keys** (← → ↑ ↓) on your keyboard to nudge the active layer.
  • Press **Spacebar** to toggle frame animation play/pause.
  • Modify the **Step size** (1px, 2px, 10px) to control nudge distance.
Step / Шаг (px):
Step / Шаг (px):
Zoom adjustments / Масштаб: