Rick Sutton

First, this is about an interesting thing that happened to a photo that garnered a lot of positive comments……..this is not about any kind of problem but an unexpected and pretty cool unintended effect.

 

I posted an in progress photo of a set of building to the WPF thread about a week ago.

 

https://forum.mrhmag.com/post/weekly-photo-fun-march-10-2019-to-march-16-2019-12212406

 

Some comments were made on the thread and through emails that the “blacked out” background was really cool and how did I do it?

My response……….HUH? No blacked out background here.

I let it go as some form of miscommunication, spell check mis-correction…who knows.

 

Well, a few more clues came up.

 

Here’s the back story.

 

I took a quick iPad shot of the model on my workbench surrounded by the typical disaster of my less than clean “creative” process.

No way that photo is going onto the WPF thread as the clutter made it difficult to focus on the model.

 

 

Here’s the original photo in reduced form.

post%201.jpg 

 

 

 

 

I put the photo into my photo editing program and raised the exposure, cleared it up a little and (the important info) erased the clutter. This is normal process for me.

Here’s a snippet that shows erasing in progress

mrh%202.jpg 

 

 

 

 

 

Here’s photo with background completely erased. White background. Right? Still white when you click on it to expand? It is here.

mrh%203.jpg 

 

 

 

I asked Goober to send me screenshots of photo as shown on the thread compressed and clicked (expanded to original submission)

 

Standard compression used by forum to bring the photo in line with horizontal space available. Looks just like it does on my 3 computers. No black background.

 

h%204(1).jpg 

 

 

 

 

 

Here’s the screenshot when the photo is clicked. YIKES!!!!!!! A black background. THAT’S COOL!

mrh%205.jpg 

 

 

Here’s what I have discovered. If I am wrong (or right) let me know. Yes, I know how to intentionally create this effect. It is the unintentional, variable aspect that got my attention.

 

The effect is a combination of how the forum and the browser handle PNG files. I commonly use PNG export in my editing program due to the benefits in compositing a photo for structure use. When you erase the more commonly used JPEG file it leaves white in place of what you have erased with the borders still intact but PNG leaves blank space so the new edited photo no longer has the borders of the original image. I’m not technically schooled in photography so I’m probably not explaining it correctly but hope you get the idea.

Next step….the forum needs the file to be reduced to 750 px wide to play nice with the allotted width. OK. But it seems to keep the original file available so if you click on a photo that has been reduced during load in it will display a full version of the file. Every time I have clicked on a photo of mine or anybody’s I get a nice big, clear look at an image that is identical to the reduced one only much better resolution. Very cool. But never a black background.

 

Cutting to the chase. It is the fact that with these PNG files I submit that different browsers handle the negative space in different manners. If the PNG file has the usual rectangular format with no negative space you’ll not see any difference when a full resolution file is shown on the MRH forum when using Safari or Firefox. BUT if you look at it with Chrome it inserts a black background into the negative space. Might be a preference, who knows?

 

Anyway, that’s as far as I have taken it. All the above photos are JPEG.

Here’s the original PNG file. What happens when YOU click on it?

If it still a white background try it with Chrome.

01b(3)-1.png 

Reply 0
Goober

Okay Rick, Nice to be in the black'

I love the black back ground.  I will be experimenting to see if I can accomplish this effect with the basic photo tolls I have'...  There is no question that a black background really enhances the model images'.

Nice inadvertent result you wound up with'....

😉
Reply 0
Ken Rice

Alpha channel

The PNG format supports an alpha channel, in addition to the 3 color channels (RGB).  The alpha channel specifies how opaque each pixel is.  For a normal photo, all the pixels are completely opaque.  But depending on what image editor you use to erase, it may erase to a particular color, or it may erase to transparent (and you may be able to change settings in your editor to control what it does).  In your case it looks like your erase changed the pixels to transparent.

So, why white in the main flow and black when you click on it?  Well the background color of the main forum pages is white, and the background of the separate image display page is black.  The background shows through the transparent parts of the image.

Reply 0
blindog10

white here

When I clicked in the pic it remains white. Chrome on Android. Scott Chatfield
Reply 0
Rick Sutton

Thanks Ken

That actually makes sense. Ta Da! You are correct that I keep my editor in transparent mode. When I export the edited image the PNG hangs on to the transparency but JPEG does not.....correct?

Reply 0
Rick Sutton

Blindog

Veeeeery interesting. This computer world we live in is quite slippery!

Reply 0
Rick Sutton

And Goober

As always, thanks for your observations, stories and help. You are indeed a "fellow traveller".

Reply 0
Ken Rice

PNG vs JPEG

Quote:

When I export the edited image the PNG hangs on to the transparency but JPEG does not.....correct?

Correct, jpeg does not support transparency.  PNG does, but you may be able to turn it off on export too, depending on how many settings your editor gives you. 

Reply 0
Rick Sutton

Ken

Yes, you are correct. I can export not only in several formats but with or without backgrounds. I always use without so I can keep the edited edges for Cricut cutting etc. Saves me time as I move through the photo parts of my structure builds.

 Your info is very much appreciated..........actually knowing what happens can be very useful.

Reply 0
Ken Rice

Glad I could help!

Glad I could help!

Reply 0
Prof_Klyzlr

Theatrical presentation

Dear Rick, Welcome to "virtual Proscenium layout design and Theatrical presentation"... There's a number of reasons why a "blacked out background" works so well,... Happy Modelling, Aim to Improve, Prof Klyzlr
Reply 0
Ron Ventura Notace

When I click, I get a white

When I click, I get a white background. This is using chrome on an iPad.

Ron Ventura

Melbourne, Australia

Reply 0
Ron Ventura Notace

When I click, I get a white

When I click, I get a white background. This is using chrome on an iPad.

Ron Ventura

Melbourne, Australia

Reply 0
Reply