undefined
Skip to content
Moz logo Menu open Menu close
  • Products
    • Moz Pro
    • Moz Pro Home
    • Moz Local
    • Moz Local Home
    • STAT
    • Moz API
    • Moz API Home
    • Compare SEO Products
    • Moz Data
  • Free SEO Tools
    • Domain Analysis
    • Keyword Explorer
    • Link Explorer
    • Competitive Research
    • MozBar
    • More Free SEO Tools
  • Learn SEO
    • Beginner's Guide to SEO
    • SEO Learning Center
    • Moz Academy
    • SEO Q&A
    • Webinars, Whitepapers, & Guides
  • Blog
  • Why Moz
    • Agency Solutions
    • Enterprise Solutions
    • Small Business Solutions
    • Case Studies
    • The Moz Story
    • New Releases
  • Log in
  • Log out
  • Products
    • Moz Pro

      Your all-in-one suite of SEO essentials.

    • Moz Local

      Raise your local SEO visibility with complete local SEO management.

    • STAT

      SERP tracking and analytics for enterprise SEO experts.

    • Moz API

      Power your SEO with our index of over 44 trillion links.

    • Compare SEO Products

      See which Moz SEO solution best meets your business needs.

    • Moz Data

      Power your SEO strategy & AI models with custom data solutions.

    NEW Keyword Suggestions by Topic
    Moz Pro

    NEW Keyword Suggestions by Topic

    Learn more
  • Free SEO Tools
    • Domain Analysis

      Get top competitive SEO metrics like DA, top pages and more.

    • Keyword Explorer

      Find traffic-driving keywords with our 1.25 billion+ keyword index.

    • Link Explorer

      Explore over 40 trillion links for powerful backlink data.

    • Competitive Research

      Uncover valuable insights on your organic search competitors.

    • MozBar

      See top SEO metrics for free as you browse the web.

    • More Free SEO Tools

      Explore all the free SEO tools Moz has to offer.

    What is your Brand Authority?
    Moz

    What is your Brand Authority?

    Check yours now
  • Learn SEO
    • Beginner's Guide to SEO

      The #1 most popular introduction to SEO, trusted by millions.

    • SEO Learning Center

      Broaden your knowledge with SEO resources for all skill levels.

    • On-Demand Webinars

      Learn modern SEO best practices from industry experts.

    • How-To Guides

      Step-by-step guides to search success from the authority on SEO.

    • Moz Academy

      Upskill and get certified with on-demand courses & certifications.

    • SEO Q&A

      Insights & discussions from an SEO community of 500,000+.

    Unlock flexible pricing & new endpoints
    Moz API

    Unlock flexible pricing & new endpoints

    Find your plan
  • Blog
  • Why Moz
    • Small Business Solutions

      Uncover insights to make smarter marketing decisions in less time.

    • Agency Solutions

      Earn & keep valuable clients with unparalleled data & insights.

    • Enterprise Solutions

      Gain a competitive edge in the ever-changing world of search.

    • The Moz Story

      Moz was the first & remains the most trusted SEO company.

    • Case Studies

      Explore how Moz drives ROI with a proven track record of success.

    • New Releases

      Get the scoop on the latest and greatest from Moz.

    Surface actionable competitive intel
    New Feature

    Surface actionable competitive intel

    Learn More
  • Log in
    • Moz Pro
    • Moz Local
    • Moz Local Dashboard
    • Moz API
    • Moz API Dashboard
    • Moz Academy
  • Avatar
    • Moz Home
    • Notifications
    • Account & Billing
    • Manage Users
    • Community Profile
    • My Q&A
    • My Videos
    • Log Out

The Moz Q&A Forum

  • Forum
  • Questions
  • Users
  • Ask the Community

Welcome to the Q&A Forum

Browse the forum for helpful insights and fresh discussions about all things SEO.

  1. Home
  2. SEO Tactics
  3. Image & Video Optimization
  4. Can i use base64 images (URI) for better SEO performance - faster site loading?

Moz Q&A is closed.

After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.

Can i use base64 images (URI) for better SEO performance - faster site loading?

Image & Video Optimization
3
3
3.2k
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as question
Log in to reply
This topic has been deleted. Only users with question management privileges can see it.
  • Termex
    Termex last edited by Dec 29, 2014, 2:35 AM

    Hi,

    Do you think the use of image data URI is SEO friendly? I got 20 JPG icons on each site, but use too many HTTP requests. So can i use base64 (URI) images for my small icons?

    Thank you for answer!

    1 Reply Last reply Reply Quote 0
    • Gerald-Vandeveer
      Gerald-Vandeveer last edited by Jan 26, 2015, 8:50 PM Jan 26, 2015, 8:50 PM

      There are pros and cons to it. I would just make sure you have some good caching rules in place and let it load once and be done with it. Realistically Google is not going to refuse to serve your page because you ran 20 http requests for some icons. That would be silly.
      I try to remember that at the core of all things search related every search engines holy grail is the perfect result for your search query. In one of Matt C's videos they hit the subject of on-page factors versus content and he said they would overlook a lot of things in order to deliver the better result to the query. So for SEO purposes cache it and get to that content rocking.

      1 Reply Last reply Reply Quote 1
      • topic:timeago_earlier,18 days
      • LynnPatchett
        LynnPatchett last edited by Jan 9, 2015, 5:12 AM Jan 9, 2015, 5:12 AM

        Hi,

        There are some differing opinions on the benefits of using base64 images to reduce http requests. From an seo point of view I don't think it will make much of a difference one way or the other if you are only talking about 20 icon images, but from a performance point of view I would use css image sprites which also reduce http connections and are (in my opinion) easier to maintain.

        1 Reply Last reply Reply Quote 1
        • 1 / 1
        1 out of 3
        • First post
          1/3
          Last post

        Got a burning SEO question?

        Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.


        Start my free trial


        Browse Questions

        Explore more categories

        • Moz Tools

          Chat with the community about the Moz tools.

        • SEO Tactics

          Discuss the SEO process with fellow marketers

        • Community

          Discuss industry events, jobs, and news!

        • Digital Marketing

          Chat about tactics outside of SEO

        • Research & Trends

          Dive into research and trends in the search industry.

        • Support

          Connect on product support and feature requests.

        • See all categories

        Related Questions

        • AliMac26

          Not using alt tags for decorative images?

          Hi everyone, My coworker recently stumbled across this article that instructs you to not to alt text for "decorative images" as you might get penalized you for over optimization https://www.shopify.com/blog/7412852-10-must-know-image-optimization-tips Has anyone heard of this or have any thoughts?

          Image & Video Optimization | Feb 1, 2018, 2:11 PM | AliMac26
          0
        • theoHP

          Why are my blog slideshow images not indexed?

          I'm managing a design blog hosted on WordPress. Each "design project" article includes a slideshow with additional images (and captions) for the project - these are images and text not found in the article itself. Every slide has the same page path as the article, but a different query param at the end. So if the article is /article the first slide would be /article?slide=1 for example. I'm having two issues: The slideshow images don't seem to be getting indexed. Screaming Frog reports duplicate meta descriptions and title tags for each slideshow page (same meta as article). I want to do what's best overall from an SEO perspective. Having the slideshow images show in Google image search is a must. And having the captions indexed might help too? But I want the Google image results linking to the article and not the individual slideshow pages. And I don't want duplicate meta issues. What's the best thing to do? Submit a sitemap that lists both article and slideshow images? "Rel canonical" the param'd slideshow urls to the base article url (not sure this makes total sense, since slide content is different from the article)? Get rid of slideshow altogether and put images in body? Some combo of these? Hopefully this makes sense. Any thoughts appreciated!

          Image & Video Optimization | Mar 20, 2017, 12:32 PM | theoHP
          0
        • Ytellsocial

          How long should the Image Alt Text be for SEO?

          When it comes to creating the alternate text for images, what is the character length that I need stay under to rank well?

          Image & Video Optimization | Jul 13, 2015, 3:45 PM | Ytellsocial
          0
        • ArthurRadtke

          Image ALt Tag in Sliders and Modules (Banner) in Joomla/Wordpress

          Is it possible to do SEO for images in Sliders and Banner modules in Joomla? I would like to add ALT tags and Titles for those, if possible.

          Image & Video Optimization | Nov 28, 2014, 8:17 AM | ArthurRadtke
          0
        • BruceMcG

          Do I need to use a CNAME for wistia video hosting?

          I'm using Wisita for video hosting. My strategy is to allow other sites to embed videos to get links - I want the video linking back to my site not wistia or the embeding site. Do I need to use the Wistia CNAME or is a wistia subdomain acceptable?

          Image & Video Optimization | Jul 18, 2013, 6:16 PM | BruceMcG
          0
        • jasef

          Vimeo Pro, video SEO and rich snippets

          Hi All, we are producing product demonstration videos. One major aim with these videos is to help our rankings for these specific product pages and associated keywords... and to get rich snippets displayed on Google results pages against our listing. We have used schema.org markup in the product pages body code along with / next to the embed vimeo video code on the product page in order to hopefully get us rich snippet listing... we used schema.org markup as this seems to be the main current markup for rich snippets we have hosted the video via Vimeo Pro so that it is served quickly and not affected by speed of our hosting server or any possible bandwidth issues on our hosting server and ensure sthat the traffic comes to our site pages rather then Youtube or similar Vimeo Privacy settings for the video have been set so that we have not allowed it to be embed anywhere except for our own domain and the video is not displayed on Vimeo.com to ensure that the video is not duplicated anywhere else... so that this is unique content on our own site for maximum value for our domain We have used the "old code" from Vimeo Pro for embedding the video on our product page rather than the current iframe code as from what i understand Google cant follow very well and doesn't necessarily trust content displayed in iframes. Video and schema.org markup code used is on product page is: <div itemprop="<a class="attribute-value">video</a>" itemscope itemtype="<a class="attribute-value">http://schema.org/VideoObject</a>"> <p ><strong>Watch our <span itemprop="<a class="attribute-value">name</a>">Click 7 Lite Duo demonstrationspan>:strong>p> <meta itemprop="<a class="attribute-value">thumbnailURL</a>" content="<a class="attribute-value">http://www.3wisemonkeys.co.uk/img/products/nextbase-click-7-lite-duo-thumb.jpg</a>" /> <meta itemprop="<a class="attribute-value">duration</a>" content="<a class="attribute-value">T2M23S</a>" /> <span itemprop="<a class="attribute-value">description</a>">A product demonstration showing what's included in the box when you buy a Click 7 Lite Duospan>...:<br /> <p align="<a class="attribute-value">center</a>">&nbsp;p> <p align="<a class="attribute-value">center</a>"><object width="<a class="attribute-value">500</a>" height="<a class="attribute-value">281</a>"><param name="<a class="attribute-value">allowfullscreen</a>" value="<a class="attribute-value">true</a>" /><param name="<a class="attribute-value">allowscriptaccess</a>" value="<a class="attribute-value">always</a>" /><param name="<a class="attribute-value">movie</a>" value="<a class="attribute-value">http://vimeo.com/moogaloop.swf?clip_id=67392721&amp;force_embed=1&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0</a>" /><embed src="[http://vimeo.com/moogaloop.swf?clip_id=67392721&amp;force_embed=1&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0](view-source:http://vimeo.com/moogaloop.swf?clip_id=67392721&force_embed=1&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=00adef&fullscreen=1&autoplay=0&loop=0)" type="<a class="attribute-value">application/x-shockwave-flash</a>" allowfullscreen="<a class="attribute-value">true</a>" allowscriptaccess="<a class="attribute-value">always</a>" width="<a class="attribute-value">500</a>" height="<a class="attribute-value">281</a>">embed>object> p> div> Page this code is used on: http://www.3wisemonkeys.co.uk/proddet.jsp?id=2016&cat=1 Could anyone confirm whether the above seems to be what we need to do / should be doing to get the most value from these videos for helping our web site rank better with Google / search engine results pages as well as getting rich snippets displayed? Lastly does the above code seem correct and include all the necessaries for rich snippets? Thanks for any pointers.

          Image & Video Optimization | Jun 7, 2013, 10:51 AM | jasef
          0
        • casper434

          Local Citation Sites

          After searching through many local citation site I find that most only apply to the US. Are there any really good ones in Canada?

          Image & Video Optimization | Dec 2, 2012, 10:59 PM | casper434
          0
        • JBGlobalSEO

          Video SEO - Why are my videos not being indexed?

          Hello All, I work on a site that has a lot of videos. The trouble is none of them are ranking. Here is an example of a page with a video on. If you click the play button you will see But none of these videos are being indexed, as you can see here. Is it because these videos are just mp4 files, rather than being embedded players (like SEOmoz use for instance)? Would embedding videos through Viddler / Wistia / Youtube etc help? Or is there some other issue at work here? Any help on this would be greatly appreciated. Thanks, Rich

          Image & Video Optimization | Mar 15, 2012, 3:10 PM | JBGlobalSEO
          0

        Get started with Moz Pro!

        Unlock the power of advanced SEO tools and data-driven insights.

        Start my free trial
        Products
        • Moz Pro
        • Moz Local
        • Moz API
        • Moz Data
        • STAT
        • Product Updates
        Moz Solutions
        • SMB Solutions
        • Agency Solutions
        • Enterprise Solutions
        Free SEO Tools
        • Domain Authority Checker
        • Link Explorer
        • Keyword Explorer
        • Competitive Research
        • Brand Authority Checker
        • MozBar Extension
        • MozCast
        Resources
        • Blog
        • SEO Learning Center
        • Help Hub
        • Beginner's Guide to SEO
        • How-to Guides
        • Moz Academy
        • API Docs
        About Moz
        • About
        • Team
        • Careers
        • Contact
        Why Moz
        • Case Studies
        • Testimonials
        Get Involved
        • Become an Affiliate
        • MozCon
        • Webinars
        • Practical Marketer Series
        • MozPod
        Connect with us

        Contact the Help team

        Join our newsletter

        Access all your tools in one place. Whether you're tracking progress or analyzing data, everything you need is at your fingertips.

        Moz logo
        © 2021 - 2025 SEOMoz, Inc., a Ziff Davis company. All rights reserved. Moz is a registered trademark of SEOMoz, Inc.
        • Accessibility
        • Terms of Use
        • Privacy

        Looks like your connection to Moz was lost, please wait while we try to reconnect.