How to open an SVG file on Android
A browser opens an .svg, but a browser will not let you zoom and inspect it comfortably, and it cannot open an .svgz. A vector viewer draws the file at whatever size you zoom to and shows transparency as a checkerboard, so you can tell white from nothing.
Pathside opens .ai, .eps, .svg and PDF on the phone →
Why SVG is the odd one out
SVG is XML: a text file full of coordinates. That is why a browser renders it and a gallery app does not — to the gallery it is a text file, not a photo. Android's own image loaders do not handle SVG either, which is why it disappears from your gallery entirely.
Opening one
- From Files or Downloads, long-press the file and choose Open with.
- Pick a vector viewer. A browser works in a pinch but gives you no zoom control worth the name.
- To inspect detail, pinch in. A real vector viewer redraws the shapes at that size instead of magnifying pixels.
"It opened but the image is blank"
Three common causes, in order of likelihood:
- The artwork is white, on transparency. A white logo on a transparent background is invisible against a white page. A viewer that draws a checkerboard behind the artwork makes this obvious immediately.
- The file has no
viewBox. Without one, some renderers do not know what part of the canvas to show and crop it to nothing. - It uses features the renderer skips — filters, embedded fonts, or scripts. Browsers support the most, simple viewers less.
What is an .svgz?
A gzip-compressed SVG. Same file, smaller. Most tools that open SVG also open .svgz; ones that do not will claim the file is corrupt. It is not — it just needs unzipping first.
Turning an SVG into a PNG
You need a pixel size before you can export, and that is the whole decision: an SVG has no resolution of its own. Pick the size you actually need — the width in pixels of the slot it goes into — and export at that, or at twice it for a high-density screen. Exporting "as large as possible" gives you a 40 MB file nobody can email.
Why designers send SVG at all
Because it is the web's vector format: one file scales to every screen size, stays sharp on any display, and is usually a fraction of the size of the equivalent PNG. If you run a website, an SVG logo is what you want in the header. It is also plain text, which means it compresses well and can be edited in a text editor by anyone brave enough.
Seeing it the way it will be used
An SVG has no fixed size, so "how it looks" depends entirely on the box it goes into. When you are checking one, zoom to about the size it will actually be used at — a header logo at a couple of hundred pixels, a favicon at sixteen. Detail that reads beautifully at full screen frequently turns to mush at favicon size, and that is the thing worth catching.
SVG and fonts
This catches people out. If the SVG uses live text rather than outlined shapes, it renders with whatever font the viewing device has. Your phone may not have the designer's font, so the text falls back to something else and the spacing changes. If the text looks wrong to you but right to the designer, this is almost always why; the fix is for them to convert the text to outlines.
Editing one
Do not, on a phone. Nothing on Android edits SVG well, and the apps claiming to either rasterise the file — turning your scalable artwork into pixels — or upload it. Inkscape on a desktop is free and does the job properly.
Pathside
An offline viewer for .ai, .pdf, .svg and .eps artwork. It has no internet permission at all, so nothing you open can be uploaded anywhere. Viewing is free; exporting to PNG, JPG or PDF is a one-time unlock.