About this plugin
Kogility Image Editor for WooCommerce integrates a modern image studio directly into your WordPress Media Library and WooCommerce product screens.
Stop downloading images, editing them in Photoshop, and re-uploading. With Kogility Image Editor, you can adjust, fine-tune, filter, resize, crop, rotate, flip, draw, add text, select/cut, and watermark your product images — all without leaving WordPress.
Free Features
- Adjust — Brightness, Contrast, Exposure, Saturation, Warmth, and Blur with 9 instant presets
- Crop & Transform — Interactive crop with freeform and aspect presets (1:1, 4:5, 16:9), 90° rotation, and flipping
- Draw & Shapes — Pencil, Pen, Brush, Airbrush, Eraser, and geometric shapes with mouse, stylus, and touch support
- Selection Marquee — Box and Circle marquee selection with Copy to Layer and Cut to Layer
- History Stack — 35-step Undo / Redo with Ctrl+Z / Ctrl+Y shortcuts
- Format Conversion — Save as JPG, PNG, or WebP
- Overwrite Original — Replace the original file while keeping the same attachment ID (no broken gallery links)
- Smart Integration — Kogility Studio buttons appear in Media Library, WooCommerce product pages, variable product variations, and the Gutenberg editor
- Media Filter — Filter your Media Library by file type, date, and dimensions
Pro Features
- Canvas Framing & Scaling — Pad images to perfect aspect ratios (1:1, 4:5, 4:3, 16:9, 9:16) with custom pixel dimensions, image scaling slider, padding slider, and auto-centering.
- Image & Watermark Layers — Access the entire WordPress Media Library or upload brand assets, logos, and badges with custom folder organization.
- Text Overlays & 30+ Fonts — Add custom styled typography with curated Google Fonts and drop shadow.
- Layer System — Visual drag-and-drop layer reordering, duplicate layer, save layer to presets, opacity control, lock, and visibility toggles.
Source & build
Unminified JavaScript for this plugin ships in the plugin folder:
- assets/js/admin.js builds to assets/dist/admin.js
- assets/js/media-modal.js builds to assets/dist/media-modal.js
- assets/js/gutenberg.js builds to assets/dist/gutenberg.js
- assets/js/studio.js is loaded as-is (not minified)
- assets/js/media-filter.js and assets/js/presets-admin.js are loaded as-is
js:
npm install npm run build
mjs.
com/Freemius/wordpress-sdk).