How optimizing for image SEO can increase your visibility in search engines.
Images, when properly optimized for Search Engines, can rank high in the search engines that lead to more visitor traffic to your website. The image SEO can also help search engines understand what content your website has all about. Hence, when you find one image or picture or photo, apply these tips for image SEO best practices. When your image is SEO ready, your website will become more relevant in the search engine result pages (SERPs). You can start looking at a good SEO visibility score when your website content has an image or images that are SEO optimized. Generally, the average click-through-rate of a URL in the top position in the SERPs is looking to get an average of 40% SEO visibility score, which is easy when the image is adequately SEO optimized. A search visibility score of 0% means your website did not rank in the top 50 spots in the SERPs. And it is very rare for a website to hit a search visibility score above 45% for non-branding keywords. That is when search engine optimization (SEO) plays its role in enhancing the images or media files of your website or article content to increase visibility.
Whether you are a content creator, blogger or you do SEO content writing for a website, an online blog post, a news bulletin, press release, or a social media campaign, you may end up asking yourself whether your article needs an image or not. Most of the time the answer would be “Yes,” as images make your article or website content more visibly appealing to visitors. The purpose of this blog post is to provide you with widely-used image SEO tips to increase your search visibility. This article will also give you insights on how to optimize an image for SEO to help readers better understand your article. When you need to boost an article that has 1,000 boring words, you can use a photo, a picture you have taken yourself or get free stock images from reliable web sources to illustrate your message, or just make your social media posts more engaging. Each article should include images to make it more appealing while the online visual search is continuously evolving. Shortly in the near future, as mentioned on Google’s vision for the future of search, it may be able to display a website in the search engine result pages without the need of any single keyword in the content, just the context surrounding the relevant topic and Google can match that to the particular query search. Well, who knows if your visual content will make sense. When you add an image SEO, optimize it with Google’s vision in mind, as well as to drive a nice bit of traffic to your website using new image interfaces and these image SEO tips.
Make your image SEO friendly for Search Engines
First, you have to find the right picture or image, and it is always safer and better to use original photos that you have taken yourself, if not, then you may resort to free stock photos. Prepare your images for your website content or online articles that need both relevant high-quality images and substantial text – all SEO enhanced and SERP friendly. An image that is SEO optimized with related text or SEO keyword certainly ranks better for the keyword it is optimized. And this image becomes visible as the most relevant google image in the web searches.
Second, you take advantage of these Image SEO Tips, which is the best image SEO tips for beginners, that we have prepared for you so you can use these to increase your search visibility and ranking in the search engine result pages of your website.
1. When to use a Content Delivery Network (CDN)
In case your web site is doing enormous businesses each month. A content delivery network, also known as a CDN, is a great idea since it can help reduce your website’s bandwidth costs. At the same time, it delivers faster loading of your website to reach your visitors or customers from far countries. The use of a CDN may not work for all websites though, especially for small, local, or lightly-loaded sites that rarely need a CDN. Except when your website has many gigabytes (GB) or Terabytes (TB) of static data and hugely heavy loads for access, a CDN can be your best optimization ally.
2. Image File Names And Extensions
Select the best file name from popular types of images like JPG, GIF, and PNG. You should know the differences between these image types and pick the image format that will best suit your needs for an image file name. Carefully familiarize each of their attributes to make your selection easy. JPEG (Joint Photographic Experts Group), a lossy compression method; JPEG-compressed images are stored in the JFIF (JPEG File Interchange Format) file format. The JPEG/JFIF filename extension is JPG or JPEG. Portable Network Graphics (PNG) is a raster graphics file-format that has a lossless data compression, a non-patented replacement for Graphics Interchange Format (GIF). Though JPG images have the most popular usage on the web, PNG, and GIF files are used for content development and optimization as both permit transparent backgrounds than a GPG image. PNG files mix well as a background image since they support graduated mixing.
Now, once you are done selecting your file extensions – JPG, GIF, PNG, you are about to choose one best image editing software or application that you can use for your image file naming conventions. Regardless of using an image editing application or not, just make an image file name that is relevant to your topic at hand. The shorter the image file name, the better – remember to “keep it short and simple” (I use the acronym KISS to easily note it though) and make an image file name into a “web format.” Also, make a quick check of your image editing software application with your default save resolutions and factory settings when you name your image files. Image file names have different naming parts to stand as a product identifier, variant code, and file extension. Make sure to uniquely separate these parts in your image file name for easy reference and retrieval, and mostly separated by a period. Any additional characters, such as dashes, underscore, or spaces, may prevent the file name from being processed.
3. Variants and Angles
The best way to capitalize on photograph variants and angles is to complete your alt tags. You can do that by creating a unique alt text attribute for each product shot. Before you optimize and display your public images, check and familiarize each of the online platform photo or image requirements or technical guidelines and add a bit of creative flair to your image labels, attributes, and mainly on its variants and angles. Depending on the image purpose of use, from a simple content image, a product identifier, an e-commerce product page, and a multi-dimensional display. Set-up your image variants and angles so that your web page naturally displays any single, or main image of your product. In some cases, customers may likely view or see these sets of image variants and angles as “to shop for” or “best choice.”
Making those variants and angles easy in viewing or selecting, however, can become complicated in some cases, so here you need some helpful resources or an expert hand. For instance, if you like to show your products under several angles, you can turn the image into a carousel. Most website tools, plugins have image customization features that can do the trick for you, though. When space is an issue, or you feel that more information is necessary, you can use a long description (available in WooCommerce) or add more photos. Images require more bytes with the high loading speed; in this case, you can opt for JPEGs or PNGs. You can also be descriptive (more suitable for those with visual impairments who use screen readers) and prevent too many images that will slow down your load time, or the wrong selection of image angle or variant that will drive your customer away. So, either you appropriately optimize, or match the context of your readers or customers in viewing or selecting the image variants and angles.
4. Background Image Tricks
Image backgrounds consume a bigger part of your image. And to resolve this, you can eat away the background-size. One trick is to cut out the middle of the background image and make it a flat color or transparent. You may also crop those backgrounds that just eat-up the space and grab eye-focus from the main element or subject in the picture. Doing these straightforward tricks can decrease the document size quite a bit. There are a lot more image background tweaks that you can do – stretch, fill, extend, scale-up or downscale – without distorting the subject. You just have to use simple or advanced graphic design programs or background editing tools available on the internet. And to name a few; Wondershare Fotophire, Adobe Photoshop, GIMP, Coreldraw, Teorex PhotoScissors, Photo Background Remover, Fotor Photo Editor, and there’s a lot more.
5. Image Landing Pages
Think about creating a landing page for every photo where you can gather all of its information. That is containing the most important piece of a puzzle, it is where the visitors see and decide your website offer for the first time, or worst, close the browser window and forget about your offer. Consider always that great chances come only once, so make a “killer first impression” to support your landing page with an Image SEO. Though these can be optional, your proof, such as testimonials, customer logos, or security badges, can support your image and the landing page as a whole.
Optimize your image for the web, and in a way that it will capture the visitor’s attention for information exchange for your offer. Optimize the warmth and focus of your image, and you can do some tweaking of your image background or some enhancements of its subject or main element. Your image can be part of a form itself or placed next to the form on your landing page. Your image size affects the performance of your landing page. It can greatly impact its loading speed, causing you to engage your prospective customer or such prospects to bail and never see your offer again. You can test your landing page and all its images in Google’s Free PageSpeed Insights Tool, you just have to enter the URL of your landing page.
6. Makes, Models and Part Numbers
When you sell products that have product details, makes, part numbers or model numbers, use these details in your image alt text. Make your image as a product identifier of your product or service offer. Such as a pair of running shoes, a football event ticket, a car rental order confirmation, a haircut reservation, an online gaming slot, or an episode show streamed online can all be specified in your image alt text and description. Your product data description containing the “product” details – make, model, part number, and other specifications can also be part of your image link or in your canonical URL, say for instance http://schema.org/Product.
7. Image Details
Make sure your Image details can tell Google as much as you can about the image. You have to optimize your image details in a way you want to know the volume of visitors you get through Google’s image search. These details include selection or creation of a unique, high-quality image that is relevant to your topic or product, proper file format, optimized with alt text, description, title, and caption; uses a good file name, dimensions match the image size as displayed, uses “srcset” if possible, and appropriately sized for faster image loading. The use of the “srcset” attribute specifies the URL of the image to use in various situations, and this is required when <source> is used in <picture>. You can see the details of the image by performing a reverse image search, and it is easy, just follow the instructions, go to images.google.com
8. Alt Text
Craft your Alt text intelligently to describe the description of an image file. Use this, for example,
<img src=”baby-crying.jpg” alt=”Baby Crying” />,
where it will indicate google search to refer to your image as you have described it in your alt text attribute. Your alt text is a descriptive tag that you need to add to your image, so there will be a description to call for in any situation. Your alt text plays a descriptive role, especially on instances that the visitor clicks it to know what the image is all about. When the image fails to display and is not available to the reader for obvious reasons as they may have turned off images in their web browser, or they are using a screen-reader due to visual impairment. The alternative text ensures the availability of the descriptive information or functionality is there.” Make sure to add alt text to every image you use, except for decorative images that should have No Alt. You have to describe what’s in the image to add SEO value, and to make it reachable for both search engines and humans.
9. Rich snippets
Rich Snippets describe a structured data markup that enable site operators to add to their existing HTML. In turn, rich snippets allow search engines to understand better the information that each web page contains. Though they do not directly impact your website rankings, your customers, however, would see it as a “one-view-finds-all” search. It can work when your rich snippets generate a structured data markup as an indirect SEO benefit, and making your web pages more easily indexable with accurate information and accessible target metadata to the search engines. You can mark up your photos with schema – https://schema.org/image.
10. Test your markup
Test out your rich snippet pictures using Google’s Structured Data Testing Tool. You just have to encode the data (URL) of your website in the pop-up window, click “Run Test” and it will automatically show you the results based on your encoded data. It provides you with the fastest and easiest to read results of your markup, and enables you to optimize your rich snippet pictures based on the sample search results that the tool has generated. Your markup is your website’s Rich results or experiences from Google Search. Rich results can include carousels of photos, images, graphics or other non-textual elements that are publicly accessible pages. So testing your markup to see which rich results can be generated by the structured data it contains will determine whether your rich snippet pictures are working. Thus, it will allow you to edit & test it in real-time.
11. File Sizes
Reduce the file sizes of your images as small as possible and generally below 70 kilobytes (kb) without damaging the image quality. You can determine the file size by its dimension and number of pixels, so find out how many pixels the image contains. And to illustrate, the 4-megapixel image will take up about 1 megabyte while the 6-megapixel image will have 2mb, the 8-megapixel image is about 3mb, and a 10-megapixel image takes up a little more than 3mb. Basically, 70kb is equal to 0.07mb file size.
12. Keyword Stuffing
Don’t keyword stuff the alt text (for example, alt=”mustang for muscle car buy now cheap best price best price buy now on-sale”). The image alt attribute or alt tag aims to describe what the image is all about, so use them carefully for SEO purposes. Meaning, you have to keep them short and natural to make your image alt text indicate it to Google and other search engines. Check this useful article about Google’s image publishing guidelines.
13. EXIF data
EXIF data can tell what camera model took the picture, the date and time, the lens, the shutter, exposure settings, location, and lots more. EXIF is the acronym for Exchangeable Image File, a standard format that is in use to store interchange information in digital image files that is even more detailed than the alt tag and caption attributes of your image. EXIF carries data such as n” + “Whether or not a flash was off or on when the picture was taken.n” + “Together with what type of camera the image was taken.n” + “The particular aperture speed that has been used.n” + “Time and date the picture was taken.n” + “The particular image’s height and width.n” + “n” + ” The EXIF data also cover another 20 or 30 facts about the picture, but I will not tire you with these. What you want to do is modify it and add a detailed explanation of the image along with the website name to the data.
14. When not to use GIFs
GIF is an acronym for Graphics Interchange Format and in no way use GIFs for large product photos. The file size will be huge, and there is not the right way to shrink it. So when not to use GIF in this case – when there are limited areas of uniformed color and the total number of colors is larger than 256 colors. GIF is not recommended for use on the web, especially when loading speed and file size are a primary concern. GIF is not an optimal file format, and it can slow down a webpage speed.
15. Image Dimensions and Angles
Strategize your image dimensions and angles wisely when choosing the best image of your product description or viewpoints. The image dimension of the original image file you upload can impact on how it displays on your website. Images between a dimension of 1500 x 2500 pixels are best for your web display. Those images with dimensions smaller than 1500 pixels get blurry or distorted (pixelated) when they stretch to fill the containers. In an e-commerce site such as Shopify, it allows the upload of optimized images with high-resolution of up to 4472 x 4472 pixels (equivalent to a file size of 20 MB. Shopify typically recommends 2048 x 2048 pixels for square product photos for excellent zoom functionality, and to have it working your images should have more than 800 x 800 pixels..
Product angles, depending on the product category, detailed close-up, view, or zoom angles, are highly relevant. Product angle details are part of the customer value and evaluation criteria that requires zoom-angle functionality. Show some of a few images for your product angles such as the interior, rear view, top view, some schematics, or a perspective view. You can do this by exploiting your alt tags and assigning each image with a unique alt tag so searchers will land to these images on your website. Try this example, img src=””cute-cat-persian.jpeg”” alt=””cute” and include relevant words to boost visibility but prevent keyword stuffing. Each platform has its own image dimension, size, and angle recommendations. For any web purpose, maintaining the use of images with high-quality and high-resolution quality in tandem with relevant text or labels would be great for an engaging image impression.
16. Use CSS instead of images
Use cascading style sheets or CSS to create colored areas instead of using images or graphics, and CSS styling as much as possible to replace any decorative graphics for search accessibility and SEO benefits. Nowadays, though, CSS is not an all-time solution but a good alternative for design optimization of your website instead of using images because of file size, maintenance, and performance issues.
17. Do not downscale in HTML
Scaling your images in HTML would waste unnecessary bandwidth in downloading it. So don’t place the hugely high-resolution image on the web page and simply shrink the size via the source code. Although downscaling it in HTML is possible, you need to downscale the image with the use of an image editor so you can adequately reduce the file size and download time of your image. You need to maintain the aspect ratio when you resize an image to prevent it from becoming distorted and degrade its image quality.
18. Decorative Image File Sizes
Check the file sizes for all of the decorative images on your web pages, such as background images, buttons, borders, and anything that is non-product related. Reduce the size of those wallpaper-size decorative background images without running the quality low. Any image that makes up borders or simple patterns, you can create them as a PNG-8 or GIF file or make good looking images that are only a few hundred bytes in size. You may use a template or a plugin that reduces file sizes for all of the pages on your website, especially the decorative images.
19. Image Quality
Make use of high-quality photos because images help tell the story. Realistically, a picture shows a thousand words, so it depends whether you choose for the brilliant ones that appeal to searchers more than a blurry or dull, unclear image. A quality image has a profound influence on customer decisions to get your offer. High-quality images attract more visitors to your site by increasing your site’s SEO value and decreasing your bounce rate. Through your image SEO, your site’s increased user engagement can also result in longer visit times of users, which will allow more time to sell your product through both the content and the images. If your website goal is to facilitate an online move-in or reservation through, you’ll want searchers to navigate a tour through-out your images there as long as possible. It tells them the story they need and explains the services or products that your business offers by providing easy-to-scan information.
20. Image Theft
You may feel the need to check that your own self-created images are not being rampantly used all through-out the internet without proper citations. To make the necessary check and monitoring of your self-created images, you can take a look through Imageraider.com. You can then create a reverse image search to find an image on the internet, its source, and all other pages where it has been posted.
21. Decorative Images
Take a closer look at the decorative images on your website so they can support the site’s ability to convert visitors into customers. Do not use alt-text for this kind of image. Most websites have a variety of decorative images that include background images, buttons, borders, and anything non-product related. Although decorative images are great aesthetics of a webpage, they can result in a massive collection of image file sizes and slow downloading times.
22. CDNs and SEO
Simply by putting your images on a CDN, you are likely removing the image from your domain and positioning it on the domain of the content delivery network. So when someone links to your pictures, they are backlinking to the CDN website. Take note that while a CDN hosts and delivers copies of your static and (sometimes) dynamic website content, you need to look for the best CDN that fits your website needs and carries out the SEO process.
23. Image comments and ratings
You might also allow comments, discussions, or ratings for every image as a great way to interact with searchers or customers. Allowing users to leave their comments on an image on your website and rate this image using tools or plugins will not only provide you a needs-based feedback mechanism but the real context of a customer or visitor of your website. An interactive gallery of images may best suit this purpose, though, but you have to find out the approach to manage and respond to them effectively.
24. Animated GIFs
Employ an image encoded in a graphics interchange format (GIF) for simple animated graphics as opposed to large videos. Animated GIFs, also known as GIF89a, contain many images or frames in a single file and describe their graphic control extension with frames, as well as present them in a specific sequence to convey animation. Using an animated GIF adds an element of delight to a campaign that isn’t typically possible with static email designs or images. A number of campaigns use animated GIFs and do so with great success. You can explore lots of animated GIF maker or editor tools online.
25. Save for Web
Utilize the “Save for Web” command in Adobe Photoshop. This image SEO tip is an excellent feature of Adobe Photoshop that allows users to explore better ways with image size and quality. saves function. To retain a decent looking JPEG, PNG, or GIF files, it reduces the quality and strips out unnecessary metadata. Explore “Save for Web” functions by selecting in the File windows > Export > Save for Web (Legacy); and make sure that the image is formatted in JPEG, and you change the image quality to 72, then click Save the image under preset. You can press Alt+Shift+Ctrl+S for the keyboard shortcut to enable you to bring up the “Save for Web” menu.
26. Twitter Card Image Tags
Optimize your Image with Twitter Card tags for business, maximize social media, and drive traffic to your website. Configure Twitter Card metadata to define exactly how a website title, an image, the URL, a short description, and other pieces of information you want these social networks pulls in through their open graph (OG) protocol. This is possible for Twitter Cards when used as a link and not for regular tweets. So better insert OG tags in your webpages, so social networks such as Twitter (Facebook, Instagram, Linkedin, etc.) know which attributes to pull from your website into the social media post. Some content management systems (CMS’s) automatically include meta tags, while other CMS require you to add them manually through the HTML of each page.
Employing GIFs for your thumbnails and decorative images are great, but they can kick a fatal blow to your page loading speed. Thumbnails and decorative images that are usually presented at critical points during the shopping process. Ensure that your thumbnail file sizes are as small as possible. It may be worth letting the quality slide in favor of smaller file sizes. While for your GIF as decorative images, it is wise to leave no alt text entirely. A decorative image doesn’t convey any meaning nor adds information to your page. You need to put an empty or null alt attribute in the HTML Code View for your decorative images, so it can indicate the screen reader to skip over the image.
28. Vary your alt text
Differ the alt text of your images as unique as possible to make sure each image does not duplicate text that you will use for the other images or bigger versions of the same photo. So be careful that they do not hinder your category pages from loading quickly. Otherwise, you could lose a potential customer. Make your alt text as unique and different as much as possible. Leave no alt text for all your decorative images; otherwise, the last thing you would want to know is your decorative image being indexed instead of the main image or optimized images.
29. Test Number of Listings
Test how many product entries you need to have on category pages, so you determine the order and structure of your image content. The goal of why you need to test the number of your product image listings is to display only those product image entries that fit the narrowness or broadness of the category. Thus, providing the necessary information about the products to engage visitors to share their information to your Lead-generation (also known as a squeeze) pages or click-through pages to the product image entries themselves, eventually getting you high rankings for keywords or alt tags that can potentially generate sales. Even small companies like you can leverage search engines as it is one of the cheapest ways to bring customers to your website. Fulfill the image search query that Google is always looking for, provide your response in a way that it will match the best fit & best experience for users based on their query.
30. Image Names
Now, name the images descriptively and in plain English once you are done selecting your file extensions – JPG, GIF, PNG. Make an image name that is relevant to your topic at hand or the webpage content, i.e., your landing page. Remember to keep your image file name short and simple into a “save for web format.” Do not easily upload your images using the default file names (assigned by your camera). Rename these images using short (as much as possible) and simple words to describe what the image is all about. It is important to use the relevant keywords to help your web page rank on search engines when it comes to image SEO. Create a descriptive, keyword-rich name that is crucial for image optimization so that search engines will crawl the text through your webpage and directly match your image names for the keyword query search.
31. Image Publishing Guidelines
Read and use Google’s Image publishing guidelines as a way to visually optimize your images on the web. Users can get from Google Image Best Practice the information and content they need about images with features such as image captions, prominent badges, and AMP results, which can provide your website with higher-quality traffic. Make sure that your images and your site are optimized for Google Images. Follow Google’s guidelines to increase the visibility of your website in Google Images search results.
Choosing the right image file can be like war. When you use a PNG image, you should know that it supports an 8-bit color like GIF, but also supports 24-bit color RGB, as JPG does. PNGs are also non-lossy files, that is compressing photographic images without degrading image quality. So, in this case, PNG tends to be the biggest of the three file types and isn’t supported by some (usually older) browsers. PNGs can be a great substitute for both JPEGs and GIFs. As all recent browsers nowadays support the PNG format, and most web pages are getting used to PNG images, it is time to leave GIFs for thumbnails and decorative use.
33. Image Relevant to Content
Be sure that the content is relevant for the image, and likewise, the image is relevant to the content. When done correctly, it can be an opportunity to showcase a featured product or service. Anything impressive about your business, your website, your branding content, or regardless of what is featured, the image should match the page it is on. An image is considered relevant when it reflects, illustrates, and supports the text content. When an image is optimized to stand out on its relevance, this helps capture the searcher’s attention and eventually pick their interest, engaging them to read further on the page.
34. Test The Number of Images Per Page
We do image optimization to help increase your bottom-line. We have discussed several optimization key points in the previous sections, but what about testing these images to check whether it converts to more site traffic or customers. Hence, check the number of image per page to determine issues on loading speed, image ratio per page to increase click-through rates and sales, images required to improve user experience then lead to further sales; as well as test what angles the customer prefers, and check how many product listings you need to have on your web pages particularly on your category page to see what and how many really works best for your customers. Tests through surveying and taking feedback from your customers are great verification practices to get into their context and perspective on what next best image SEO to do for your increased visibility.
35. Background Images
Take a closer look at wallpaper-style backgrounds such as illustrations, images, textures, and colors, which are good to use as background. Or take a tour at a website from 10 years ago and compare it to one from today, and you will see the major changes. There are a vast amount of possibilities when designing a website nowadays. These possibilities can include the use of backgrounds as one of the core features that determine how visually interesting your website is. A web page and article content can have background images as well. Just be careful as all of them may become giant image sizes, and using large images affects user experience and image SEO. It may cause Google to penalize your website ranking. So when you resize your images, include not only the dimensions (width, height & length) of an image but also customize the resolution-quality for each distinct use, such as for product or background images. Low-quality images will appear fuzzy for product listing but may become appealing if used as a background, which will all make your site look SEO polished.
36. Image Anchor Text
Review the anchor text, which is clickable words, you used to link your image, into a web page, or to an external page. Take this example, “In this sentence, the blue words are the anchor text.” Whenever an image is linked, Google will use the text contained in the image’s alt attribute as the anchor text. The keywords in the anchor text are one of the many signals search engines use to determine the topic of a web page, or to the image that the anchor text is linked to. Google uses external anchor text to understand what the image is about and for which keywords it should rank. Google employs some techniques to improve search quality, including page rank, anchor text, and proximity information, so your image SEO helps a lot when your Image anchor text is properly linked.
Joint Photographic Experts Group or JPEGs are used for the processing and storage of full-colored images with realistic elements, brightness, and color transitions. It is a standard image format for containing lossy and compressed image data. JPEGs are the best option for most e-commerce situations as they provide the highest quality and the smallest file size. JPG is far better for photographs as it gives better quality images for the same file size. This image format achieves a 10:1 compression ratio with a few perceptible loss in image quality despite the huge reduction in file size. Since its introduction in 1992, JPEG has been the most widely used image compression standard in the world, and the most widely used digital image format, with several billion JPEG images. Also, this format is used for storing and transmitting graphical digital content such as photos and scanned copies of digitized pictures.
You have to indicate copyrights or attribution to the pictures you used, despite not all images being “officially copyrighted.” At the creation of an image or content as it may have become copyrighted. Making the owner or photographer as the only person entitled to a legal right to distribute, replicate, or display the work. The photographer will generally own the copyright, but it can vary depending on factors such as employment, licensing agreements, or when the photograph is commissioned or dedicated to a public domain or a certain purpose. To start legally using Google images, assume that all online images are copyrighted. If it’s protected by copyright and there’s no license attached to it, you need to get permission prior to use. Your next option is to use images with no copyrights reserved.
39. Which file types
Have you realized which image file type or format to use for the right situations? Try Raster images, these are primarily used on the web and have best features for high-quality images. A Raster image refers to a bitmap or a pixel-based image. Meaning, the image is collectively made up of a grid of pixels that forms a larger image. You can observe this when you magnify a photographic image, and you will see lots of colored squares (called RGB in digital and CMYK in print). These raster images are used for complex images that have smooth gradients of color and undefined edges, such as photographs. They are described as lossy or lossless, which refers to their compression that removes pixels to match the image closely. Common raster file formats include JPEG, PSD, PNG, and TIFF. The world of image files can be overwhelming, but knowing which file type you can use is essential. Most times, image file formats can be tricky to get you confused at first. So choose which file type is appropriate and do not use the wrong image file type as it can be disastrous.
40. Adult content images
Adult content images could be any image that is intended for adult eyes only. We are not talking about sexually explicit images here. These could be images of medical procedures, women in bathing suites, or breastfeeding. When appropriate, you should store these types of pictures separately from the rest of your website’s photos. The use of cloud file storage to back-up both your website photos and mobile devices as well as your adult intended images. So do not risk keeping your adult images within the same server as your website’s pictures, even if your mirrored image copies on two separate drives, you are still open to penalty risks.
41. Don’t break the left reading line
Pictures should not break the left reading line. Most people don’t like it when the text starts on the right of a photo, only to jump below the photo later. It is also difficult to guess or control people’s motivation or goals when reading the lines. However, you can influence their scanning pattern when you optimize an image as well as its relevant text content and presentation so that users can quickly get what they are looking for in a snapshot. So when you optimize your image and text content placement, see to it that you do not disrupt their attention, and you drive them to the flow of the information, you need them to know. In particular, use good web-formatting tools to draw their attention to the most relevant information that captures their interest without bre