Problems with svg images

  • Resolved daniramona

    (@daniramona)


    4 years, 3 months ago

    Hi.
    I have a problem with my svg icons.
    In my input “Theme file types to upload” there is a rule for .svg type, but all my svg images doesnt appear correctly. There is a URL for it, but doesnt appear. URL of 1 case: https://blog-astrocentro-w3totalcache.s3-sa-east-1.amazonaws.com/blog/wp-content/themes/odin/assets/images/Astrocursos_NovoLogo.png

    So I’ve included .svg to Rejected Files to see whats happen and still doesnt work. Ex: {wp_content_dir}/themes/odin/assets/images/youtube-icon.svg

    Also I’ve tried to purge the specific files which doesnt appear from CDN, but when I put the path, the message “Source file not found”. Example: wp-content/themes/odin/assets/images/whatsapp-icon.svg. But that is the correct path.

    Plus, when there is files in “Unsuccessful file transfer queue” and I click in “Upload queue”, nothing happens. Just “delete queue” and “purge queue” works.

    Example of where should appear some svg images: https://ibb.co/c3WDjSY

    • This topic was modified 4 years, 3 months ago by daniramona.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @daniramona

    I am sorry about the issue you are experiencing with uploading .svg images to CDN and I am happy to assist you with this.
    I’ve checked your website and the console is filled with Failed to load resource: the server responded with a status of 404 (Not Found) for the mentioned SVG images.
    However, it appears that the path is /wp-content/cache/images/youtube-icon.svg
    If you are using some image optimization plugin, potentially it caches the images and serves them from /wp-content/cache/images/youtube-icon.svg so please check if those .svg files are in that folder.
    What you can try is to add to following to the Custom file list:
    {wp_content_dir}/cache/images/*
    Make sure to save all settings and purge the caches and also purge CDN.
    As for the failed queue – that potentially means w3tc tried to upload it but the process timed out.
    check the status of the file in a queue and purge the queue.
    I hope this helps!
    Thanks!

    Thread Starter daniramona

    (@daniramona)

    I dont use any otimization image plugin. I think the directory “cache” was created by W3 Total Cache.

    When I desative the plugin everything works fine.

    Also @vmarko I have a problem with jQuery file: https://ibb.co/kJYYY9y

    • This reply was modified 4 years, 3 months ago by daniramona.
    • This reply was modified 4 years, 3 months ago by daniramona.
    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @daniramona

    Thank you for the information.
    the Jquery error means that you enabled minify and jQuery needs to be excluded from minify.
    YOu can do this by adding the jquery file to Never minify following JS files in Performance>Minify>Advanced. Alternatively, you can switch to Manual minify and add JS and CSS files manually and in order excluding the jQuery file or adding it on top.
    Directory “cache”, is created by W3 Total Cache, however, W3 Total Cache does not cache images and is not creating the /images/ folder. Other Plugins may also create /cache/ folder and other folders within that folder. SO please make sure you are not using any other caching solution besides W3 Total Cache as apparently there is a conflict with some other plugin in this case.
    Thanks!

    Thread Starter daniramona

    (@daniramona)

    I’ve restaured default settings and apply one function of plugin per time. When I apply de “Minify auto” it is when everything gets crashed. So I active the minify manual mode and till now everything is ok, include the svg files and jquery file.

    What’s diference makes manual and auto mode minify in terms of velocity?

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @daniramona

    Thank you for the information.
    This means that a certain file was minified when Minify is set to Auto, which does not agree with being minified.
    Switching to Manual minify and adding files manually helps you to determine which file might be causing this and therefore you can exclude it from being minified.
    When configured properly, Manual minify can be faster than regular Auto Minify.
    Please check this article for more details about manual minify.
    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Problems with svg images’ is closed to new replies.