diff --git a/attached_assets/image_1760175704183.png b/attached_assets/image_1760175704183.png
new file mode 100644
index 0000000..73dac4a
Binary files /dev/null and b/attached_assets/image_1760175704183.png differ
diff --git a/attached_assets/image_1760175713144.png b/attached_assets/image_1760175713144.png
new file mode 100644
index 0000000..307d124
Binary files /dev/null and b/attached_assets/image_1760175713144.png differ
diff --git a/client/src/pages/image-editor.tsx b/client/src/pages/image-editor.tsx
index 5698831..c55fa65 100644
--- a/client/src/pages/image-editor.tsx
+++ b/client/src/pages/image-editor.tsx
@@ -101,9 +101,10 @@ export default function ImageEditor() {
       }
 
       // Send overlay configuration to server - let server handle image processing
+      // IMPORTANT: Always use originalUrl (not previewUrl) to preserve full image dimensions
       const overlayConfig = {
         mediaId: selectedMedia.id,
-        imageUrl: previewUrl || selectedMedia.originalUrl,
+        imageUrl: selectedMedia.originalUrl, // Use original for full quality
         ribbon: ribbon.enabled ? {
           text: ribbon.text,
           color: ribbon.color,