photopea / photopea

Photopea is online image editor

Photopea.com is a free online tool for editing raster and vector graphics with support for PSD, AI, and Sketch files.

Since Photopea is not fully open-source, this repository serves as a place for bug reports, feature requests, and general discussion.

---

Supported Formats

• Complex: PSD, AI, INDD, XCF, Sketch, XD, FIG, KRI, CLIP, PXD, PXZ, CDR, UFO, Fireworks PNG, AFPHOTO, SVG, EPS, PDF, PDN, WMF, EMF.
• Raster: PNG (APNG), JPG, GIF, WebP, ICO, ICNS, BMP, AVIF, HEIC, JXL, PPM/PGM/PBM, TIFF, DDS, IFF, ANIM, TGA.
• Raw: DNG, NEF, CR2, CR3, ARW, RW2, RAF, ORF, GPR, 3FR, FFF.
• Animated: GIF, APNG, MP4, WEBM, MKV (each frame becomes a layer, can be exported back to GIF or MP4).

Where You Can Find Us

• ✉️ [email protected]
• 👍 facebook.com/photopea
• 🐦 twitter.com/photopeacom
• 📙 reddit.com/r/photopea
• 🎉 photopea.com

Other

• API, Blog, Learn, Translations

photopea's Issues

Opening an image

When you open an image (e.g. "image.jpg") in Photopea, it is converted into a new project "image-jpg.psd". It would be better to insert it as a new layer into existing project, instead of creating a new one. What do you think?

Add Clipping Masks

Layers inside PSD files may behave as "clipping masks". Such layers must be rasterized correctly in Photopea.

autocrop

hi, what about auto-crop image?
I have one layer (logo) and don´t know his sizes.
Gimp have this feature.

Cursors do not work in Edge

Seems cursors (like in Eyedropper tool) do not work in Edge which uses default cursor. Maybe use a keyword cursor (cursor: crosshair) as fallback to PNG file cursor? IMHO PNG cursors should work in Edge but have not researched that.

Improve memory footprint - compressing styles

Rasterized layer style (drop shadow, color overlay) is stored as a pixel matrix of 4 channels (RGBA). We need to create a new representation with 1 channel (alpha) and a constant RGB color, which is sufficient for representing most of rasterized layer styles (except of gradient overlay, pattern overlay) and will improve the memory usage.

Clone Button not working

The clone button seems not to be working for me. Help please

Scroll

If i have some zoom and will try scroll down it not work.

Snapping

please add snapping

'Save as PSD' Does Not Work On Linux

I am loving the potential, great work!! However, 'Save as PSD' does not do anything on Linux. I am using Ubuntu 15.10 (64-bit) and Chrome Version 50.0.2661.102 (64-bit). Upon clicking the 'Save as PSD' menu item, the menu remains and nothing seems to happen. There is an error in the console output:
pp.js:365 Uncaught TypeError: Cannot read property '__name' of nullU.writeDescriptor @ pp.js:365Ra.writeAddInfo @ pp.js:398pa.writeLayerRecords @ pp.js:408pa.Encode @ pp.js:404da.writeLayerInfo @ pp.js:427da.writeLayerAndMaskInfo @ pp.js:426da.Encode @ pp.js:421Fa.EncodePSD @ pp.js:1040Fa.SaveProject @ pp.js:1040la.doSysaction @ pp.js:1057Pa.dispatchEvent @ pp.js:112H.dispatchEvent @ pp.js:840H.dispatchEvent @ pp.js:840Qa.onSelect @ pp.js:1085Pa.dispatchEvent @ pp.js:112H.dispatchEvent @ pp.js:840Za.onMU @ pp.js:1037

bug: layers still here

If i close "welcome project" layers list from this project are still here.

I want to support you

I love your photopea project. Photoshop is the last bastion i have to remove from my Windows system. Than i am able to move completely to linux:) so I like to support your project. Is there any way to send you some monthly donation or give you human resources assistance and to support your work anyway?

You find my mail address on my user profile:
https://github.com/rene-hermenau

right-to-left text direction

text area doesn't type arabic letters

Problems with Keyboard shortcuts

After opening a file with Ctrl+O, open dialog is showed after each press of Ctrl (without O)

Add gray shadow around the image

It will look better.

More contrast in dialog boxes telling something to user

You have some dialog boxes like "this layer is not editable" user barely can see because of no contrast and very shor time to see.

AdBlock issue

Hi,
it is not a good idea to use css class/id (div) "advertisment" for links not have any relation with ads !
on http://www.photopea.com/

<div class="advertisment" style="white-space: nowrap;">

hidden by EasyList https://hg.adblockplus.org/easylist/file/tip/easylist/easylist_general_hide.txt#l10871

Redraw with requestAnimationFrame

Now, an image can be redrawn after each change (mouse event, keyboard event, ...). Redrawing the image with requestAnimationFrame will allow redrawing it just once, when multiple events happen between animation frames.

It will solve the performance problem in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1187850

Select layer by clicking on its pixels.

Now, you can choose the active layer in Layers panel only.

It would be nice to choose layer through the image by clicking on its pixels. In Adobe Photoshop, it can be done with Move tool, while holding Control.

License

What is the license of Photopea? Is it F/Loss?

Navigating the project using standard "scroll" input

Now you can navigate using Hand tool only. It would be nice to add standard vertical / horizontal scrolling.

Unable to open files

Been trying to open files from my computer into photopea to edit but it won't open them (these are photoshop and AI files with extension ai or psd)
Please help

Can not scroll the page..

save doesn't work in safari

safari save file after editing is completely f*cked.

Transparent images have black backgrounds

Hi,

Firstly, awesome photo editor - thanks!

When opening a transparent image or creating a new image, the background/canvas is black by default. Surely it should be a checkered background indicating transparency, rather than black?

Thanks!

progress bar / splash screen

If i was opening file with big size i was waiting about 5s and thinking "is working?". Some progress bar will be cool! :-)

Curser

Love this !

Input: The courser should change to indicate what you are doing.

Its counterintuitive to have a normal arrow pointer when you are about to select an area

drag & drop without project

Hi,

i try drag & drop some jpeg and all projects all are closed. Browser open just image, without photopea. I was expected that photopea create new project with width, height from this image as photoshop :)

resizable right sidebar

Hi,

what about own width of right sidebar by resize function? If i have more nested layers with long names i need look on their title.

Workspace goes down when using after some inactive time

Main workspace area goes down when using (opening inner layer in my case) after some inactive time. Screenshot in attach.

tip to new stuffs

Hi,

what about implement this shortcuts?

1. CTRL + Z => back last action
2. CTRL + +/- => zoom in / zoom out
3. CTRL + H => show guide lines
4. SHIFT + draw => make horizontal / vertical line (line, brush, ...)
5. SHIFT / CTRL + rotate => rotate by 15 degress
6. CTRL+G => New group

---

Close alert:
When i have opened my file alert after click to close tab / browser will be best!

Can't save as .psd

I just edited a .psd file, but now I cannot save it as a .psd file anymore, only for web.

Add Tiff support

Add Tiff format support

Touch devices suport

Hi,

what about support touch gestures for mobiles, tablets?

Feature request: crop apply button

This is a more of a feature request related to usability, than a bug.

When one uses the crop tool, it's not completely obvious that one must hit enter in order for the crop to apply - I've had clients with this issue. Having an "apply" button, similar to other apps, would sort that out.

Thanks!

Buttons should use <button> element

Noticed Buttons like "OK" in Blur filter use <span class="fitem button spread">OK</span> and not a button element. So not tabable in addition to not being accessible. Should be easy to fix?

unable to open .psd files

When I try to open .psd files which has been saved from adobe photoshop are not working at all.

Slider (like in Blur Filter) broken visually in Edge

Slider control (seen in Filter/Blur) looks empy with no slider control knob visible but on click actually does work. Simply removing CSS height: 0.1em does make it workable. Guess best would be to style input type range (as most inputs) not at all but simply use browsers default rendering?

local storage

Hi,

what about work with local storage in browser?
I mean "save" opened project to this storage and after reload brower get this back.

Add navigation to Save For Web preview

We need to add navigation (Hand) to Save For Web preview (now, you just see the top left square 512x512 px of your image).

Key commands

Could you add the Photoshop key commands
http://morris-photographics.com/photoshop/shortcuts/downloads/PSCC%20Keyboard%20Shortcuts%20Mac.pdf

Add support for Korean and Chinese fonts

Add support for Korean and Chinese fonts

Text editing

When adding text to an image, one can't select any part of the text to edit it.

Trying to select the text produces "mouseup" and "mousemove" errors in pp.js, lines 509 and 504.

Highlight Selected Text

This is more of a feature request.

When one select text, e.g to copy it, one is not sure of what they have selected. Could Photopea highlight selected text?

Freezes continually in Chrome Browser and menus are unresponsive

Continually freezing. Menus don't work such as the layers won't select but double clicking still opens the properties. Really good idea but still too many bugs and problems to use.

project size by clipboard

Hi,

what about create new project by width, height sizes from my clipboard?
I want copy some selected area to as new project with this sizes.

How i can check sizes of selected area?

Dropbox

Hi,

what about Dropbox storage connection?
My people working with dropbox very often.

CMYK images inverted

Hi,

When opening CMYK images, they appear "inverted."

Thanks!

bug: free transform & zoom

Hi,

i have 32 x 32 px cavas size and maybe 24 x 24 px icon. I was change position of icon, try zoom in, pick a icon, change her visibility on / off or zoom out => bug. Icon was about 15 px more to right side.

GIF support

It would be nice to add support for a GIF format (not animated).

Deleting a selected area does not work

When you select some area of a layer (e.g. with Ellipse select) and press Delete, it removes the whole bounding rectangle of a selection, instead of selected area only.