We're making changes to the Community, so you may have received some notifications - thanks for your patience and welcome back. Learn more here.
Forum Discussion
Why are my PNG backgrounds not transparent when I upload them to Dropbox?
I had several files (mostly logos) that had a transparent background and they all have white solid backgrounds now. I have no clue what happened but it is causing me serious issues.
Dropbox is not editing your files... it is generating a copy of the file that does not include transparency and displaying that as a "preview" of your file to improve load times on their website.
Dropbox creates the image shown in the center which includes a white background. This means that dragging and dropping this image, or right-clicking and selecting "save image as..." will result in you downloading the Dropbox preview version. HOWEVER, if you use the "Download" button on the top right of the page, you will download the un-edited version of your file.
The problem is that while this change may have shaved a fraction of a second off page load time, it seems to have screwed up a lot of people's workflows as a result. I think Dropbox needs to consider changing it back or at least find ways to ensure these common workflows result in the desired outcome.
@rogerpenna You are absolutely right. I had it wrong. I just ran through the process of creating a PNG file (from a PSD file) *without* deleting the background layer, and the resulting PNG file shows only a single, flattened layer (it is, however, possible to save JPEG files with layers).
So the claim is that Dropbox does no editing to the file. That is different from saying that it can handle displaying images on transparent backgrounds. Even if we're not talking about things like high-resolution corporate logos requiring transparent backgrounds that are placed on client images (for example), I use smaller images with transparencies for producing custom diagrams and workflows where I want certain elements to "pop" or look three-dimensional, so I have libraries of hundreds of transparent .png files used for this purpose. They would simply not work with white backgrounds.
So, I am concerned about this limitation, unless someone has found a solution. Anyone? Anyone?
I think the problem is a little bigger than just DropBox not being able to display PNGs with transparent background.
Because when you download the PNG from the Previewer Window, the PNG LOSES the transparency information. Which is why I say that, despite DropBox personnel claiming it does not edit the files, it indeed does.
Otherwise, the previewer would show the PNG with white background, but the moment you downloaded it from the preview window, it would download the file just as it is, with transparent background. But no, the file was modified by DropBox and lost it's transparent background.
Again, this happens when downloading from the Preview window.
If instead of first seeing the image, you directly click to download it, from the files list, it downloads the PNG correctly, with transparency.
Because when you download the PNG from the Previewer Window, the PNG LOSES the transparency information. Which is why I say that, despite DropBox personnel claiming it does not edit the files, it indeed does.
Otherwise, the previewer would show the PNG with white background, but the moment you downloaded it from the preview window, it would download the file just as it is, with transparent background. But no, the file was modified by DropBox and lost it's transparent background.
Again, this happens when downloading from the Preview window.
If instead of first seeing the image, you directly click to download it, from the files list, it downloads the PNG correctly, with transparency.
Dropbox is not editing your files... it is generating a copy of the file that does not include transparency and displaying that as a "preview" of your file to improve load times on their website.
Dropbox creates the image shown in the center which includes a white background. This means that dragging and dropping this image, or right-clicking and selecting "save image as..." will result in you downloading the Dropbox preview version. HOWEVER, if you use the "Download" button on the top right of the page, you will download the un-edited version of your file.
The problem is that while this change may have shaved a fraction of a second off page load time, it seems to have screwed up a lot of people's workflows as a result. I think Dropbox needs to consider changing it back or at least find ways to ensure these common workflows result in the desired outcome.
- apraetor
Super User alumni
tomboates Thanks for the great explanation of what's going on here. It's correct that attempting to drag-and-drop a cloud-generated preview of your image is not the same thing as the original image. This is true for most file formats, to my understanding: if you're routinely dragging the preview image into Photoshop, etc. then you're actually getting a scaled version, not the original file. It wouldn't be much of a preview feature if you had to wait for a 50 mb PNG to download!
Additionally, when you drag-and-drop the preview image out of your browser, that's not actually a functionality provided by Dropbox. The ability for images embedded in web pages to be dragged out of the window and saved is a Chrome/Firefox feature. Dropbox isn't trying to trick you by letting you drag low-quality copies!
