{"id":23618,"date":"2016-07-29T03:01:31","date_gmt":"2016-07-28T17:01:31","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=23618"},"modified":"2023-04-20T17:01:36","modified_gmt":"2023-04-20T07:01:36","slug":"mac-os-x-clipboard-to-file-to-datauri-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/mac-os-x-clipboard-to-file-to-datauri-primer-tutorial\/","title":{"rendered":"Mac OS X Clipboard to File to Datauri Primer Tutorial"},"content":{"rendered":"
\"Mac<\/a>

Mac OS X Clipboard to File to Datauri Primer Tutorial<\/p><\/div>\n

Today’s tutorial is a lot about the image two below the one above. It looks pretty much like any other image on this web page, I’m sure, at first glance, you’d say?! But the fact is, this image does not involve a web server image file of any sort, though its storage does involve a web server database, because all these blog postings exist in a table of a MySql database that WordPress uses to store information. Has this let you down? Hope not, because this is still a pretty big concept, getting bigger and bigger as time goes on, and spurred on by the mobile device revolution, and that is the rise and rise of the use of datauri<\/a> based media. Let’s see what Wikipedia says …<\/p>\n

\nThe data URI scheme is a uniform resource identifier (URI) scheme that provides a way to include data in-line in web pages as if they were external resources. It is a form of file literal or here document. This technique allows normally separate elements such as images and style sheets to be fetched in a single Hypertext Transfer Protocol (HTTP) request, which may be more efficient than multiple HTTP requests.[1] Data URIs are sometimes referred to incorrectly as “data URLs”.[citation needed] As of 2015, data URIs are fully supported by most major browsers, and partially supported in Internet Explorer and Microsoft Edge.[2]\n<\/p><\/blockquote>\n

With this image, two down, we didn’t feel like plonking this as a file on our web server, basically because it was that bit smaller than the usual, and so the basic steps of how we constructed it was …<\/p>\n