All geek questions in one place

Using SVGZ files without a server. (Local iOS / Android)

I am working on a user interface for Android and iOS. Most likely, it will be built using PhoneGap (or the like), which means that the user interface will be an implementation of HTML5.

For most of the images, we decided to go with SVG files, as they scale well on different Android screens and are great for Retina on iOS.

So far, the use of .svg files is great for us, and thanks to Safari and Chrome support, it's easy to test locally in a standard browser.

The trick is that these .svg files will become quite large when we turn them into sprites. Thus, I am studying the svg gzIPped files (.svgz).

A quick test shows that the 50k SVG we use compresses to 8k via gzip.

However, the catch is that it appears that client / server interaction must occur to unzip the SVGZ file. I cannot get Safari to display the associated .svgz file when running locally (since I assume this will happen when through webview in an application compiled into PhoneGap). However, Chrome seems to be able to display svgz.

So my questions are:

  • Is there a way to use .svgz files locally on iOS through the PhoneGap application (I have not yet reached the point that we are compiling through PhoneGap, but cannot verify this part yet)?
  • Any known issues with .svgz on Android (assuming it looks like desktop Chrome)?
  • Should I even bother with .svgz in this situation where there is no actual download problem (outside of the initial boot of the application)?
+4
source share
1 answer

I'm not very good at svgz issues on iOS or Android, but you are definitely not worried about the size of .svg files compared to .svgz, not even for bootstrapping. All files in Android and iOS packages are still compressed, so self-launching these files will not bring you any benefit. Actually, it might be better for your application to not compress them.

+3
source

Source: https://habr.com/ru/post/1444056/

More articles:


All Articles