OSX / Safari / Base 64

Forums › Geekzone › OSX / Safari / Base 64

1 | 2

richms

29104 posts

Uber Geek
+1 received by user: 10222

Trusted

Lifetime subscriber

#1748377 26-Mar-2017 22:50

freitasm:

But when I quote it, the URL is img src="data:image/png;base64,iVBORw0KGgoAA..." which isnt that something server side? I have no idea, this is all too new for me to know about.

Richard rich.ms

richms

29104 posts

Uber Geek
+1 received by user: 10222

Trusted

Lifetime subscriber

#1748378 26-Mar-2017 22:52

Oh crap. that didnt work out well.

Richard rich.ms

freitasm

BDFL - Memuneh
80659 posts

Uber Geek
+1 received by user: 41073

Administrator

ID Verified

Trusted

Geekzone

Lifetime subscriber

#1748379 26-Mar-2017 22:52

It's not server side in the sense that it's not an image file but "text" stored in the database and delivered as part of the page markup - which is not cacheable and repeated everywhere it's used. Just look at the source for the previous page and you will see why the page loads slower than others.

Referral links: Quic Broadband (free setup code: R587125ERQ6VE) | Samsung | AliExpress | Wise | Sharesies

Support Geekzone by subscribing (browse ads-free), or making a one-off or recurring donation through PressPatron.

richms

29104 posts

Uber Geek
+1 received by user: 10222

Trusted

Lifetime subscriber

#1748380 26-Mar-2017 22:53

The actual thing was img src=" b l o b : h t t p : / / w w w .geekzone.co.nz/9608ee14-4091-4f81-9629-29acdcfa0f6c" without spaces. No idea how it got converted to that mess.

Richard rich.ms

freitasm

BDFL - Memuneh
80659 posts

Uber Geek
+1 received by user: 41073

Administrator

ID Verified

Trusted

Geekzone

Lifetime subscriber

#1748381 26-Mar-2017 23:01

Also, using PNG instead of JPEG makes images bigger. PNG is only good for things like logos or lines. Photos have to be JPEG to be effective in terms of size.

Referral links: Quic Broadband (free setup code: R587125ERQ6VE) | Samsung | AliExpress | Wise | Sharesies

Support Geekzone by subscribing (browse ads-free), or making a one-off or recurring donation through PressPatron.

tdgeek

30048 posts

Uber Geek
+1 received by user: 9455

Trusted

Lifetime subscriber

#1748432 27-Mar-2017 06:43

Fred99:

The first started to load the quote, then bogged. Beachball (OSX Safari) Didn't freeze but bogged. Went back to the email tab (Safari-Yahoo webmail) and white screen, would not reload. Re activated the url in the dress bar, loaded email. GZ homepage tab still worked. The second pic was fine.

Dyson

Shop now for Dyson appliances (affiliate link).

darylblake

1172 posts

Uber Geek
+1 received by user: 410

Trusted

#1748436 27-Mar-2017 07:00

What you could to solve that problem is on the server side after the post is made is post process it AND run a regex something along the lines of this:

/<img.+src=\"data\:image\/(.+);base64,([A-z0-9\=\+]+)\"/

In this case the first item in the set will be the image type, second will be the content base64 encoded. Then write the image to a nginx/s3 bucket/cloudflare cache. With the correct extension/headers decoded. Then replace the match with an HTTP(s) link to the image.

People should be hosting their own images anyway.

darylblake

1172 posts

Uber Geek
+1 received by user: 410

Trusted

#1748437 27-Mar-2017 07:02

freitasm:

Also, using PNG instead of JPEG makes images bigger. PNG is only good for things like logos or lines. Photos have to be JPEG to be effective in terms of size.

Google have just made JPEG up to 35% smaller with better image quality:

https://github.com/google/guetzli/

Dairyxox

1595 posts

Uber Geek
+1 received by user: 455

#1748478 27-Mar-2017 08:25

Interesting conundrum.

On the plus side, base64 is convenient.

You can paste something from the snipping tool (for example) straight into the quick reply box, and submit, no uploading process necessary.

freitasm

BDFL - Memuneh
80659 posts

Uber Geek
+1 received by user: 41073

Administrator

ID Verified

Trusted

Geekzone

Lifetime subscriber

#1748479 27-Mar-2017 08:27

darylblake:
What you could to solve that problem is on the server side after the post is made is post process it AND run a regex something along the lines of this:

/<img.+src=\"data\:image\/(.+);base64,([A-z0-9\=\+]+)\"/

In this case the first item in the set will be the image type, second will be the content base64 encoded. Then write the image to a nginx/s3 bucket/cloudflare cache. With the correct extension/headers decoded. Then replace the match with an HTTP(s) link to the image.

People should be hosting their own images anyway.

Good idea.

People should not use their own hosting and complain later when they don't have SSL.

Referral links: Quic Broadband (free setup code: R587125ERQ6VE) | Samsung | AliExpress | Wise | Sharesies

Support Geekzone by subscribing (browse ads-free), or making a one-off or recurring donation through PressPatron.

Fred99

13684 posts

Uber Geek
+1 received by user: 10018

#1748517 27-Mar-2017 09:26

Dairyxox:

Interesting conundrum.

On the plus side, base64 is convenient.

You can paste something from the snipping tool (for example) straight into the quick reply box, and submit, no uploading process necessary.

Which is why I'd been using it. I'll stop now - because from what I've seen there's a definite issue with Safari / OSX, also with (AFAIK) default settings with Chrome on Android the base 64 characters are downloaded quickly, but the browser is displaying that as the "gobbledygook" text - not parsing it as an image.

AliExpress

Shop now on AliExpress (affiliate link).

freitasm

BDFL - Memuneh
80659 posts

Uber Geek
+1 received by user: 41073

Administrator

ID Verified

Trusted

Geekzone

Lifetime subscriber

#1748520 27-Mar-2017 09:31

As suggested above I will look at automatically convert a blob into a file and replace it in the forum when posted.

Referral links: Quic Broadband (free setup code: R587125ERQ6VE) | Samsung | AliExpress | Wise | Sharesies

Support Geekzone by subscribing (browse ads-free), or making a one-off or recurring donation through PressPatron.

jamesrt

1668 posts

Uber Geek
+1 received by user: 946

ID Verified

Trusted

Lifetime subscriber

#1748530 27-Mar-2017 09:44

darylblake:Google have just made JPEG up to 35% smaller with better image quality:

https://github.com/google/guetzli/

Good reduction; it took a JPEG of a photo from my DSLR from 14M down to 6.3M. Slow, though:

$ time bin/Release/guetzli ~/Desktop/DSC_0005.png ~/Desktop/output.jpg

real   43m52.705s
user   40m27.351s
sys   1m57.240s

[The release notes do state it's slow and memory hungry. They're not wrong.]

1 | 2