SVG preview not shown in Mac

[PaoloT]

Hi,

I'm on Mac Mojave. SVG files exported from Designer 1.10 don't show a preview in the Finder.

Is there some option to be enabled, when exporting from Designer?

Paolo

 

[v_kyr]

If you mean finder thumbnails, they usually should. - Check also the SVG file & app association/infos and if it's a correct defined/working SVG file (... test via FF, Chrome etc.).

See also:

• File Icon Preview Thumbnails Not Showing in macOS Finder? How to Fix
• Viewing SVG Thumbnails on MAC ...

... for another viewer etc. see ...

• Gapplin

[Old Bruce]

22 hours ago, PaoloT said:

Hi,

I'm on Mac Mojave. SVG files exported from Designer 1.10 don't show a preview in the Finder.

Is there some option to be enabled, when exporting from Designer?

Paolo

In addition to v_kyr's advice check to see if you have these files stored in a Cloud. iCloud or others.

[walt.farrell]

Are you perhaps confusing your topics, @PaoloT?

This one is about whether Mac displays SVG previews or not, not about font embedding.

[PaoloT]

31 minutes ago, walt.farrell said:

Are you perhaps confusing your topics, @PaoloT?

I did! 😁

I apologize. With the others, and even with the original poster!

Paolo

 

[PaoloT]

46 minutes ago, Old Bruce said:

In addition to v_kyr's advice check to see if you have these files stored in a Cloud. iCloud or others.

Nope, all in the local drive.

19 hours ago, v_kyr said:

If you mean finder thumbnails, they usually should. - Check also the SVG file & app association/infos

Yes, Finder thumbnails. I've tried by associating the file type to Chrome, and returned to their association with Designer, as I had originally set them. The funny thing is that the thumbnail has the right shape of the original document's artboard, but its content is always blank. It is as if Designer only exported its border.

19 hours ago, v_kyr said:

if it's a correct defined/working SVG file

They show perfectly find in Chrome, as well as in Designer.

19 hours ago, v_kyr said:

File Icon Preview Thumbnails Not Showing in macOS Finder? How to Fix

The Finder preferences are fine. All the other thumbnails show perfectly. And these ones may miss the content, but the system is at least aware of their shape!

Paolo

 

[v_kyr]

24 minutes ago, PaoloT said:

Yes, Finder thumbnails. I've tried by associating the file type to Chrome, and returned to their association with Designer, as I had originally set them. The funny thing is that the thumbnail has the right shape of the original document's artboard, but its content is always blank. It is as if Designer only exported its border.

...

The Finder preferences are fine. All the other thumbnails show perfectly. And these ones may miss the content, but the system is at least aware of their shape!

Does it happen with all kind of SVGs or just a few of them?

However, if you have Inkscape installed too, you can try to associate the SVG file extensions to be the default opened with that one (Inkscape files). - Usually the Mac finder than shows thumbnails contents wise right up in it's finder icons (at least on my MacOS version).

[PaoloT]

16 minutes ago, v_kyr said:

Does it happen with all kind of SVGs or just a few of them?

All the SVG files I exported from Designer behave this way. The one you attached here with embedded fonts ("use-embedded-tafelschrift.svg") has a fine preview. One I created with Inkscape is previewing fine.

16 minutes ago, v_kyr said:

However, if you have Inkscape installed too, you can try to associate the SVG file extensions to be the default opened with that one

Done. It's the same as with the association to Designer: artboard shapes shown, content not.

Paolo

 

[v_kyr]

7 minutes ago, PaoloT said:

All the SVG files I exported from Designer behave this way. The one you attached here with embedded fonts ("use-embedded-tafelschrift.svg") has a fine preview.
...
Done. It's the same as with the association to Designer: artboard shapes shown, content not.

Sounds like not all SVG files are affected from that then. - Ok then let's ask the other way around, those you've exported from Designer, do these show up themself Ok when imported again into Designer, or when viewed in a webbrowser or some other SVG tool (like let's say macSVG) etc.?

[PaoloT]

9 minutes ago, v_kyr said:

those you've exported from Designer, do these show up themself Ok when imported again into Designer, or when viewed in a webbrowser or some other SVG tool (like let's say macSVG) etc.?

I can say that they open fine in Designer, Publisher, Chrome, Safari, Illustrator CS6, Inkscape. The files themselves seem to be intact.

Paolo

 

[v_kyr]

11 minutes ago, PaoloT said:

I can say that they open fine in Designer, Publisher, Chrome, Safari, Illustrator CS6, Inkscape. The files themselves seem to be intact.

Make a finder screenshot and show how those SVG thumbnails are shown up under your Mojave system.

[thomaso]

Does here any macuser get the finder icon with file content for SVG in List View with small icons? I get it for Icon view for a size of 20 px and above, which is smaller than the small list view. Thus the SVG icon behaves the same as finder icons for PDF.

 .

.

@PaoloT, also your SVG shows an icon to me. If not macOS was creating this it got created on your mac & transferred with your upload.

What file type does your finder report for SVG ?

[PaoloT]

1 hour ago, v_kyr said:

Make a finder screenshot and show how those SVG thumbnails are shown up under your Mojave system.

This is it (Icons view, but it is the same with the others):

1 hour ago, thomaso said:

Does here any macuser get the finder icon with file content for SVG in List View with small icons?

It makes no difference for me with small or big icons. But maybe the absolute size matters? Here is a view with big icons:

1 hour ago, thomaso said:

your SVG shows an icon to me. If not macOS was creating this it got created on your mac & transferred with your upload.

Interesting. I'm on Mojave. Which MacOS version are you on?

1 hour ago, thomaso said:

What file type does your finder report for SVG ?

"Affinity Openable".

Paolo

 

[v_kyr]

12 minutes ago, PaoloT said:

This is it (Icons view, but it is the same with the others):

Do you use some cloud drive or similar clients? - If yes, see also this ...

• Q: macOS Mojave doesn't display .SVGs in preview
• Q: Mojave 10.14 Thumbnail problem

[PaoloT]

15 minutes ago, v_kyr said:

Do you use some cloud drive or similar clients?

No, all the files are in the local drive.

But, thinking about it: if the thumbnail for the SVG file I created with Inkscape can be seen by the Finder, isn't this something due to how Designer saves them?

Paolo

 

[v_kyr]

4 minutes ago, PaoloT said:

No, all the files are in the local drive.

What you can also tryout is to clear the MacOS icon cache and see afterwards if it changes anything here ...

• How to clear icon cache on Mac

• mac-clear-icon-cache.sh

• ... etc.

[PaoloT]

25 minutes ago, v_kyr said:

clear the MacOS icon cache

Just done with MacPilot triggering the crons.

However, it is clear that it is not a general problem. Not related to all the thumbnails; and not to all the SVG files. The problematic ones are only the ones coming from Affinity Designer.

Paolo

 

[v_kyr]

11 minutes ago, PaoloT said:

The problematic ones are only the ones coming from Affinity Designer.

Then check your ADe SVG related export options and very important, also the generated SVG file contents code with a text editor. Compare the generated ADe SVG code with other SVG code that work for any main/essientiell differences!

[PaoloT]

An intermediate check:

1) Opened a Designer-generated PDF file, and an Illustrator-generated AI file with Inkscape.

2) Saved them as SVG files from Inkscape.

3) The Finder show their thumbnail in all modes, except for the List view with small icons. QuickLook works fine.

As a recap after this test: Designer-saved SVG files show no thumbnail in any mode in the Finder. Inkscape-saved SVG files can show a thumbnail in any mode with its original files. Inkscape-saved SVG files coming from Illustrator or Designer can show a thumbnail in any mode in the Finder, apart for List view with small icons.

Paolo

 

[v_kyr]

34 minutes ago, PaoloT said:

Designer-saved SVG files show no thumbnail in any mode in the Finder.

As said before, you have to inspect the contents of the SVGs (make a diff compare etc.), in order to find out the why and what's different!

[PixelPest]

1 hour ago, PaoloT said:

As a recap after this test: Designer-saved SVG files show no thumbnail in any mode in the Finder.

That´s simply not true. (M1/macOS11.7)

[PaoloT]

11 minutes ago, PixelPest said:

That´s simply not true. (M1/macOS11.7)

Looks like very true, here (Xeon/macOS10.14.6).

However, this time only with the small icons in List view.

Paolo

 

[PaoloT]

15 hours ago, v_kyr said:

check your ADe SVG related export options and very important, also the generated SVG file contents code with a text editor

The header parts are different. Inkscape:

<svg
   version="1.1"
   id="svg2"
   width="358.01468"
   height="95.334663"
   viewBox="0 0 358.01468 95.334663"
   sodipodi:docname="ntt-example-i_series_ai_ink.ai"
   inkscape:version="1.2.1 (9c6d41e4, 2022-07-14)"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">

Designer:

<svg
     width="100%"
     height="100%"
     viewBox="0 0 155 40"
     version="1.1"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     xml:space="preserve"
     xmlns:serif="http://www.serif.com/"
     style="fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:3.864;">

Paolo

 

[v_kyr]

11 minutes ago, PaoloT said:

The header parts are different.

That's normal!

Try this plain one ...

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 800 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
    <rect x="126.291" y="157.21" width="208.203" height="188.198" style="fill:rgb(187,66,66);"/>
    <g transform="matrix(1.8272,0,0,1,-379.467,0)">
        <path d="M558.776,175.838C558.776,152.767 548.525,134.037 535.899,134.037L481.613,134.037C468.987,134.037 458.736,152.767 458.736,175.838L458.736,259.438C458.736,282.508 468.987,301.238 481.613,301.238L535.899,301.238C548.525,301.238 558.776,282.508 558.776,259.438L558.776,175.838Z" style="fill:rgb(67,187,66);"/>
    </g>
    <ellipse cx="468.364" cy="432.003" rx="93.493" ry="86.595" style="fill:rgb(66,84,187);"/>
</svg>

• test.svg

[thomaso]

3 hours ago, PaoloT said:

this time only with the small icons in List view.

This confirms the experience I mentioned above. (macOS 10.14.6)
@PixelPest, how about small icons in list view in your macOS 11.7?