What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Reply to thread

Hi [USER=132217]@JeffK[/USER]  and [USER=126614]@polarwoc[/USER] and IamSam


I was having the exact same trouble as you were so went poking around to see what was up.  I have not encountered this problem before and I am certainly no expert on SVG so I will explain my steps yet there certainly could be an easier way since I was learning as I went along.


Since it was mentioned the SVG could be seen in a browser, one of the steps I took was to right click on the image and chose the "Inspect option" (I did this in Firefox yet should work in Chrome too at least).  Here is the screen shot:


[ATTACH=full]124887[/ATTACH]

The above is the HTML code that displayed the logo.  I was not sure what the "matrix" command was a couple lines up until later yet the highlight line indicated that the image was a PNG and with a base64 encoding.  I recognized the base64 encoding as a way to send binary information only with ASCII characters and was often used in sending binary information in emails (probably other places as well such as in HTML code."


I was unware about the possibility of embedding bit map images in SVG yet a quick Google search indicated it was quite possible to do.  So with that confirmation I assumed this was an embedded PNG file.

From a recently learning elsewhere, I riight clicked on the highlighted line, chose the Copy menu item and chose the "Outer HTML option" and then pasted in a local text editor.  Sure enough it was exactly the same as what was highlighted yet the coding was fully expanded (quite long.


Then searched for an easy way to translate the ASCII code back in to a PNG file format.  I knew I could do that with UNIX commands yet was going for a simpler path.  Google search found the following link that would translate the ASCII text into a file format:    Link to Convert base64 to File


I copied and pasted the text from my text editor and trimmed a bit from the end and the front to just have the ASCII text and presto, it created a PNG file that I could download. And as advertised it was 2000 x 2000 pixels in dimensions.


From there, I just brought it into  Photoshop and it had a transparent background ready to go.  I selected the darker elements (with a high tolerance setting to get all but the blue circle) and added an Invert adjustment Layer so it inverted just the darker elements.


Now that is not what shows on the web page and looked up what the Matrix command did in HTML and it was scaling and traanslating the position so it would be smaller and fit in the upper left corner of the display.  I did not make those adjustments or crop the image to match what was on the screen and just left it at its highest resolution since the OP wanted highest quality.


So a learning experience for me.


Now as an aside, there was some part of the HTML that I did not understand when I clicked on the portion that said "script".  I will copy that below yet had a bit of information that seemed to be about geo-location.  I would have to ask someone what that is all about as beyond my pay grade (so will go ask my son in the next room and let you know what I find out.  Hope its not concerning.


--------------------------script below from HTML------------------------------------


I edited out the script and HTML as that was only inserted by my VPN browser extension and unrelated to this post


What is our favorite program/app? (Hint - it begins and ends with the letter P)
Back
Top