Learn how to start your own website today!<\/h3>\n<\/div>\n\n\n\n\n\nLearn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n1. Start with high-quality images<\/h2>\n\n\n\n
Stock photography:<\/strong> You don\u2019t have to be a professional photographer to use great images on your website. Every day it seems like there are more high-quality stock photo sites where you can download free photos for commercial use. Some of our favorites are:<\/p>\n\n\n\n- Pixabay<\/li>
- Unsplash<\/li>
- Barn Images<\/li>
- PicJumbo<\/li>
- SplitShire<\/li>
- Little Visuals<\/li>
- …and with a Jimdo website<\/a>, free stock images are available right in your Image Library.<\/li><\/ul>\n\n\n\n
When you download an image from a stock photo website, it will likely be a really big JPEG file. To compress it for your website, you’ll need to reduce the size and upload a smaller version (more on that below). That’s ok. Starting with a large format is ideal, because you can always make a large image smaller. (Making a small image larger won’t work).<\/p>\n\n\n\n
Taking your own (better) photos:<\/strong> Of course, you can\u2019t use stock photos for everything (like your team or product). There are a few easy tricks to make your images look well-lit and more professional, even without fancy camera equipment (like this tutorial on creating your own light box<\/a>).<\/p>\n\n\n\nGraphics:<\/strong> If you\u2019re looking for something more graphic-based, there are a ton of new, free online tools that you can use to build your own infographics or photos with font overlays. We love Canva and PiktoChart. <\/p>\n\n\n\nLogo:<\/strong> If you\u2019re looking for a logo, we recommend checking out our Logo Creator. You can try it for free.<\/p>\n\n\n\n\n\nDesign a logo that makes your business stand out.<\/h4>\n<\/div>\n\n\n\n\n\nDesign yours now<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n2. Use the right file type: JPEG or PNG<\/h2>\n\n\n\n
If you’re wondering about different image files like JPG, PNG, GIF, and SVG, just know that on your website you\u2019re most likely to use a JPEG (JPG) or a PNG format. There are pros and cons of each, but for most cases you can remember the following:<\/p>\n\n\n\n
- Photographs should be saved and uploaded as JPGs.<\/strong> This file type can handle all of the colors in a photograph in a relatively small, efficient file size. By using JPEGs, you won\u2019t end up with the enormous file you might get if you saved a photograph as a PNG.
<\/li>- Graphics, especially those using large, flat areas of color, should be saved as PNGs.<\/strong> This includes most designs, infographics, images with lots of text in them, and logos. PNGs are higher quality than JPEGs, but typically come with a larger file size, too. Like their relatives, the SVG file, PNGs deal with areas of color and text with nice crisp lines, so you can zoom in and not lose any quality. They also support transparent backgrounds (which you\u2019ll want if you\u2019re using a logo). If you have a choice, we recommend saving PNGs as \u201c24 bit\u201d format rather than \u201c8 bit\u201d because of the better quality and richer array of supported colors.<\/li><\/ul>\n\n\n\n
![\"Photos](\"https:\/\/i0.wp.com\/www.jimdo.com/blog\/wp-content\/uploads\/2015\/06\/coffee-vs-tea-infographic.png?resize=600%2C638&ssl=1\")
Photographs should usually be saved as JPEGs, but graphics like this one and logos should be saved as PNGs.<\/figcaption><\/figure><\/div>\n\n\n\n\n\n\nLearn how to start your own website today!<\/h3>\n<\/div>\n\n\n\n\n\nLearn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nWhat if you’re using a photograph with text over it? If the majority of the image is a photograph, then stick to a JPEG.<\/p>\n\n\n\n
Most simple image programs let you choose JPG or PNG by going to \u201cSave As,\u201d \u201cExport,\u201d or \u201cSave for web\u201d<\/strong> and choosing the type you prefer. There are also free browser-based online tools like Zamzar that will convert files for you.<\/p>\n\n\n\nYou can convert a PNG to JPEG, but you don’t gain anything by converting a JPEG to a PNG file. That’s because a JPG file is already stored in what’s called a lossy format\u2014the image data has already been lost when it was compressed, so you can’t magically bring it back. <\/p>\n\n\n\n
3. Resize images to optimize page speed and appearance<\/h2>\n\n\n\n
With web images, you want to find the right balance between size and resolution. The higher your resolution, the larger the file size will be.<\/strong> In the world of print, high resolution images are a good thing. But on the web, large images can slow down your website’s page speed. This hurts your users’ experience and, eventually, your search engine ranking. Big images and slow load times are especially annoying for mobile visitors.<\/p>\n\n\n\nIn this post I’ll mostly demonstrate with the free browser-based version of Pixlr, which is a simple tool for basic image editing. If you’re interested in other tools, check out our post How to Edit Photos Without Photoshop<\/a>.<\/div>\n\n\n\nWhat is the ideal image size for a website? <\/h3>\n\n\n\n
How do you strike the right balance between size and quality? First, it\u2019s important to understand that when it comes to images, \u201csize\u201d is a relative term. What you need for print is usually much much larger than what you need for a website. Here\u2019s an overview of the three main aspects that make up \u201csize\u201d:<\/p>\n\n\n\n
- Optimal file size:<\/strong> the number of bytes the file takes up on your computer. This is the factor that can slow your website way down. A 15MB (megabyte) image is huge. A 125KB (kilobyte) image is much more reasonable. If your file size is really big, it\u2019s an indicator that either your image dimensions are too large or the resolution is too high.<\/li>
- Image size:<\/strong> The actual dimensions of your image, in pixels. You probably think of traditional printed photos as 4×6, 5×7, or 8×10. But on the web, the height and width are measured in pixels. So for example, a typical image on a website or blog might be 795×300 pixels.<\/li>
- Resolution for web images:<\/strong> Left over from the world of print, resolution is the quality or density of an image, measured in dots per inch (dpi). A professional printer might require images to be at least 300dpi. But most computer monitors display 72dpi or 92dpi<\/strong>, so anything higher than that is overkill and makes your image unnecessarily large. When a design program has the option to \u201csave for web\u201d, it means saving it at a low, web-friendly resolution.<\/li><\/ul>\n\n\n\n
How do you find the file size, image size, and resolution of your image?<\/h3>\n\n\n\n
You can find the file size and image size right on your computer. If you\u2019re on a PC, right-click on the image file, choose \u201cProperties\u201d and then the \u201cSummary\u201d tab. On a Mac, Ctrl+click on the image file and choose \u201cGet Info.\u201d<\/p>\n\n\n\n
Finding the resolution requires a more advanced photo program like Photoshop, but most basic image editing programs will automatically save images at a lower, web-friendly dpi that’s a better resolution for web images.<\/p>\n\n\n\n
Quick guide for image size, file size, and resolution<\/h3>\n\n\n\n
Now that you know the different ways to describe an image\u2019s size, here\u2019s a few rules of thumb to keep in mind:<\/p>\n\n\n\n
- Optimal file size: Large images or full-screen background images should be no more than 1 MB<\/strong>.<\/li>
- Most other small web graphics can be 300 KB or less<\/strong>.<\/li>
- If you\u2019re using a full-screen background<\/a>, Jimdo\u2019s Customer Support Team recommends uploading an image that\u2019s 2000 pixels wide.<\/strong><\/li>
- Resolution for web images: If you have the option, always \u201cSave for web\u201d<\/strong> which will give your image a web-friendly resolution.<\/li>
- You can make a large image smaller, but it\u2019s very hard to make a small image bigger.<\/strong> It will look fuzzy and pixelated.<\/li><\/ul>\n\n\n\n\n\n\n
Looking to start your portfolio website?<\/h3>\n<\/div>\n\n\n\n\n\nLearn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nWhat do you do if your image is too big for your website?<\/h3>\n\n\n\n
If you have a nice digital camera, you might be taking photos that are several megabytes large\u2014way bigger than what you need for your website. Stock photos from high-quality sites tend to come with large file sizes too. If your image is over 1 MB, there are a few things you can do:<\/p>\n\n\n\n
- Resize the image.<\/strong> If your photo is 5000 pixels wide, you can easily resize it to 2000 pixels wide, 1200 pixels wide, or even smaller depending on how you plan to use it on your website. This will significantly reduce the file size. When you resize, make sure to keep the proportions the same so you don\u2019t distort your image.<\/li>
- Reduce the resolution.<\/strong> Most photo programs will automatically compress your image resolution to a \u201cweb-friendly\u201d size (72dpi and 92dpi, respectively). You can do this in Photoshop too with the \u2018save for web\u2019 option. You can also \u201cSave As\u201d in many photo programs and then adjust the quality level from there.<\/li>
- Compress your image with a free program like TinyPNG or TinyJPG.<\/strong> Both will significantly reduce your file size without interfering with the quality.<\/li><\/ul>\n\n\n\n
![\"Optimize](\"https:\/\/i0.wp.com\/www.jimdo.com/blog\/wp-content\/uploads\/2015\/06\/change-image-size-pixlr.jpg?resize=800%2C535&ssl=1\")
Resizing an image is easy. The original stock photo was 6302×4789 pixels and 16.2MB, much larger than what I need for my website. Using Pixlr, I\u2019ve shrunk it to 1000×760 pixels, resulting in a smaller, more web-friendly file size (132KB\u2014perfect!).<\/figcaption><\/figure><\/div>\n\n\n\n4. Make images the same size and style<\/h2>\n\n\n\n
Images on a web page will look better if you use a consistent style and size. Consistency will also help when lining up your text, columns, and other information on your page. To see what we mean, take a look at the examples below.<\/p>\n\n\n\n
In the first one, taken from our make-believe “Make-Believe Coffee” website, the photos are all different dimensions. One is oriented vertically, while the others are horizontal. This makes the page look disorganized.<\/p>\n\n\n\n
![\"Images](\"https:\/\/i0.wp.com\/www.jimdo.com/blog\/wp-content\/uploads\/2015\/06\/images-different-sizes-styles.jpg?resize=1000%2C819&ssl=1\")
In this example, the photos are mismatched and sized differently, so the page looks a bit sloppy.<\/figcaption><\/figure><\/div>\n\n\n\nIn the next example, I cropped each photo to a more uniform 1000×760 pixels. The top photo of the bright white coffee mug felt out of place, so I replaced it with one that was similar in style and color to my two other photos. I also experimented with the image filters in Jimdo<\/a> and put in a subtle overlay over each photo (sort of like an Instagram filter) to give them a more consistent look.<\/p>\n\n\n\n![\"Images](\"https:\/\/i0.wp.com\/www.jimdo.com/blog\/wp-content\/uploads\/2015\/06\/images-uniform-size-style.jpg?resize=1000%2C909&ssl=1\")
In this example, I chose photos that are the same style and cropped each one to be the same size. This makes my page look more uniform.<\/figcaption><\/figure><\/div>\n\n\n\nSince the photos are all the same size and oriented the same way, they all fit perfectly in one column, with my paragraphs in another. No adjustments or guesswork needed!<\/p>\n\n\n\n
And remember, with a Jimdo website<\/a>, your images are automatically imported and arranged perfectly, so you don’t have to worry about your design. <\/p>\n\n\n\n![\"How](\"https:\/\/i0.wp.com\/www.jimdo.com/blog\/wp-content\/uploads\/2015\/06\/crop-image-pixlr.jpg?resize=1000%2C730&ssl=1\")
Cropping an image in Pixlr to make it the same size as my other images.<\/figcaption><\/figure><\/div>\n\n\n\nOk, now that your photos are resized and looking great, how can you optimize them for search engines? On Jimdo websites, much of the SEO housekeeping is taken care of for you, but there are still a few tweaks you can make to optimize your images.<\/p>\n\n\n\n
5. Name the image file correctly to help your SEO<\/h2>\n\n\n\n
Most people don\u2019t think much about their file names. They may call a photo \u201cPhoto1.jpg\u201d or \u201cScreen Shot 2021-06-02 at 3.41.15 PM\u201d. If this sounds familiar, take a moment to rename your images before you upload them to your website. Why? Because doing so makes your photos easier to manage. Depending on where the images appear online, it can also give your SEO a boost.<\/p>\n\n\n\n
For consistency\u2019s sake, use lowercase letters and numbers 0-9. Don\u2019t introduce punctuation or spaces. And it\u2019s best to use hyphens rather than underscores. (Think eiffel-tower.jpg<\/em> rather than DSC12345.jpg<\/em>).<\/p>\n\n\n\nNote:<\/strong> On Jimdo websites, you don’t have to rename all the files on your website\u2014just update your Alt Text (see below).<\/p>\n\n\n\n6. Fill out your captions and alternative text<\/h2>\n\n\n\n
Once people upload an image to their website, they often forget to fill out the additional information. But just like the file name, this info gives you some added SEO juice.<\/p>\n\n\n\n
Alt tags (or alternative text) won\u2019t be visible to your average visitor, but they give search engines a basic idea of what each image is about. So once you\u2019ve added an image to your site, be sure to fill in the Alternative Text field with a phrase that describes what the photo is showing, preferably with a targeted keyword<\/a>. (Alternative text also helps visually impaired visitors navigate your site with audio-based software, so it\u2019s a nice way to improve website accessibility<\/a>.)<\/p>\n\n\n\nIf it makes sense, also add a caption to your image, since people read photo captions more than other website text.<\/p>\n\n\n\n
![\"Filling](\"https:\/\/i0.wp.com\/www.jimdo.com/blog\/wp-content\/uploads\/2015\/06\/filling-in-alt-text-and-caption.jpg?resize=511%2C567&ssl=1\")
Don’t forget to fill in your Alt Text and caption!<\/figcaption><\/figure><\/div>\n\n\n\nNote:<\/strong> Filling in alt tags, names, and captions is good for SEO, but don’t try to keyword stuff. You just want to accurately describe an image in plain language\u2014adding irrelevant or repetitive keywords will get you penalized by the search engine.<\/p>\n\n\n\n7. Put the image near relevant text<\/h2>\n\n\n\n
Choose images that are related to what the text is saying, rather than something completely out-of-the-blue. An image that is surrounded by relevant information (with related keywords) will rank better.<\/p>\n\n\n\n
This tip also helps you avoid stock photo cliches. If your website is about education, you don\u2019t get any SEO boost from having a photo of an apple. Photos of teachers, students, and classrooms will be more interesting for readers and more relevant to your subject matter.<\/p>\n\n\n\n
Summary: Optimizing a website image<\/h2>\n\n\n\n
So let\u2019s look at these rules with an example from my Make-Believe Coffee website. I found a photo of a coffee mug on Unsplash. When I downloaded it, the name was \u201cfN6hZMWqRHuFET5YoApH_StBalmainCoffee.jpg\u201d and it was 2509 x 1673 pixels. Its size was 586KB. Not terrible, but still much larger than I need for just displaying as a small photo on my web page. So for better image optimization, I would do the following:<\/p>\n\n\n\n
- Rename the image<\/strong> to something that makes more sense. Maybe something like make-believe-coffee-cappuccino.jpg<\/li>
- Use a photo tool to resize and crop the image<\/strong> to the size I want. For this example I chose 1000×760. If you wanted a square you could do 1000×1000.<\/li>
- Make sure it\u2019s the right file size<\/strong>. Once I cropped it to the size I wanted and downloaded it from the photo editor, the file size was 117KB\u2014perfect!<\/li>
- Upload it to your website, and don\u2019t forget to fill out the Alt Text!<\/strong> I also added a caption for good measure.<\/li><\/ol>\n\n\n\n
![\"Adding](\"https:\/\/i0.wp.com\/www.jimdo.com/blog\/wp-content\/uploads\/2015\/06\/add-alt-tag-to-image-jimdo.jpg?resize=877%2C564&ssl=1\")
<\/figure><\/div>\n\n\n\nEven though this checklist might seem like a lot, it’ll get faster once you’re used to the process (and you might bookmark this page so you can refer back to it).<\/p>\n\n\n\n
Plus, going through these step will make your images look better, help your website load faster, and ultimately benefit your SEO<\/a>. Get into the right image habits now, and you\u2019ll reap the benefits across your entire website. Ready to get started? Create a business website<\/a> or portfolio website<\/a> with Jimdo today!<\/p>\n\n\n\n\n\n\nLearn how to start your own website today!<\/h3>\n<\/div>\n\n\n\n\n
1. Start with high-quality images<\/h2>\n\n\n\n
Stock photography:<\/strong> You don\u2019t have to be a professional photographer to use great images on your website. Every day it seems like there are more high-quality stock photo sites where you can download free photos for commercial use. Some of our favorites are:<\/p>\n\n\n\n When you download an image from a stock photo website, it will likely be a really big JPEG file. To compress it for your website, you’ll need to reduce the size and upload a smaller version (more on that below). That’s ok. Starting with a large format is ideal, because you can always make a large image smaller. (Making a small image larger won’t work).<\/p>\n\n\n\n Taking your own (better) photos:<\/strong> Of course, you can\u2019t use stock photos for everything (like your team or product). There are a few easy tricks to make your images look well-lit and more professional, even without fancy camera equipment (like this tutorial on creating your own light box<\/a>).<\/p>\n\n\n\n Graphics:<\/strong> If you\u2019re looking for something more graphic-based, there are a ton of new, free online tools that you can use to build your own infographics or photos with font overlays. We love Canva and PiktoChart. <\/p>\n\n\n\n Logo:<\/strong> If you\u2019re looking for a logo, we recommend checking out our Logo Creator. You can try it for free.<\/p>\n\n\n\n If you’re wondering about different image files like JPG, PNG, GIF, and SVG, just know that on your website you\u2019re most likely to use a JPEG (JPG) or a PNG format. There are pros and cons of each, but for most cases you can remember the following:<\/p>\n\n\n\n What if you’re using a photograph with text over it? If the majority of the image is a photograph, then stick to a JPEG.<\/p>\n\n\n\n Most simple image programs let you choose JPG or PNG by going to \u201cSave As,\u201d \u201cExport,\u201d or \u201cSave for web\u201d<\/strong> and choosing the type you prefer. There are also free browser-based online tools like Zamzar that will convert files for you.<\/p>\n\n\n\n You can convert a PNG to JPEG, but you don’t gain anything by converting a JPEG to a PNG file. That’s because a JPG file is already stored in what’s called a lossy format\u2014the image data has already been lost when it was compressed, so you can’t magically bring it back. <\/p>\n\n\n\n With web images, you want to find the right balance between size and resolution. The higher your resolution, the larger the file size will be.<\/strong> In the world of print, high resolution images are a good thing. But on the web, large images can slow down your website’s page speed. This hurts your users’ experience and, eventually, your search engine ranking. Big images and slow load times are especially annoying for mobile visitors.<\/p>\n\n\n\n How do you strike the right balance between size and quality? First, it\u2019s important to understand that when it comes to images, \u201csize\u201d is a relative term. What you need for print is usually much much larger than what you need for a website. Here\u2019s an overview of the three main aspects that make up \u201csize\u201d:<\/p>\n\n\n\n You can find the file size and image size right on your computer. If you\u2019re on a PC, right-click on the image file, choose \u201cProperties\u201d and then the \u201cSummary\u201d tab. On a Mac, Ctrl+click on the image file and choose \u201cGet Info.\u201d<\/p>\n\n\n\n Finding the resolution requires a more advanced photo program like Photoshop, but most basic image editing programs will automatically save images at a lower, web-friendly dpi that’s a better resolution for web images.<\/p>\n\n\n\n Now that you know the different ways to describe an image\u2019s size, here\u2019s a few rules of thumb to keep in mind:<\/p>\n\n\n\n If you have a nice digital camera, you might be taking photos that are several megabytes large\u2014way bigger than what you need for your website. Stock photos from high-quality sites tend to come with large file sizes too. If your image is over 1 MB, there are a few things you can do:<\/p>\n\n\n\n Images on a web page will look better if you use a consistent style and size. Consistency will also help when lining up your text, columns, and other information on your page. To see what we mean, take a look at the examples below.<\/p>\n\n\n\n In the first one, taken from our make-believe “Make-Believe Coffee” website, the photos are all different dimensions. One is oriented vertically, while the others are horizontal. This makes the page look disorganized.<\/p>\n\n\n\n In the next example, I cropped each photo to a more uniform 1000×760 pixels. The top photo of the bright white coffee mug felt out of place, so I replaced it with one that was similar in style and color to my two other photos. I also experimented with the image filters in Jimdo<\/a> and put in a subtle overlay over each photo (sort of like an Instagram filter) to give them a more consistent look.<\/p>\n\n\n\n Since the photos are all the same size and oriented the same way, they all fit perfectly in one column, with my paragraphs in another. No adjustments or guesswork needed!<\/p>\n\n\n\n And remember, with a Jimdo website<\/a>, your images are automatically imported and arranged perfectly, so you don’t have to worry about your design. <\/p>\n\n\n\n Ok, now that your photos are resized and looking great, how can you optimize them for search engines? On Jimdo websites, much of the SEO housekeeping is taken care of for you, but there are still a few tweaks you can make to optimize your images.<\/p>\n\n\n\n Most people don\u2019t think much about their file names. They may call a photo \u201cPhoto1.jpg\u201d or \u201cScreen Shot 2021-06-02 at 3.41.15 PM\u201d. If this sounds familiar, take a moment to rename your images before you upload them to your website. Why? Because doing so makes your photos easier to manage. Depending on where the images appear online, it can also give your SEO a boost.<\/p>\n\n\n\n For consistency\u2019s sake, use lowercase letters and numbers 0-9. Don\u2019t introduce punctuation or spaces. And it\u2019s best to use hyphens rather than underscores. (Think eiffel-tower.jpg<\/em> rather than DSC12345.jpg<\/em>).<\/p>\n\n\n\n Note:<\/strong> On Jimdo websites, you don’t have to rename all the files on your website\u2014just update your Alt Text (see below).<\/p>\n\n\n\n Once people upload an image to their website, they often forget to fill out the additional information. But just like the file name, this info gives you some added SEO juice.<\/p>\n\n\n\n Alt tags (or alternative text) won\u2019t be visible to your average visitor, but they give search engines a basic idea of what each image is about. So once you\u2019ve added an image to your site, be sure to fill in the Alternative Text field with a phrase that describes what the photo is showing, preferably with a targeted keyword<\/a>. (Alternative text also helps visually impaired visitors navigate your site with audio-based software, so it\u2019s a nice way to improve website accessibility<\/a>.)<\/p>\n\n\n\n If it makes sense, also add a caption to your image, since people read photo captions more than other website text.<\/p>\n\n\n\n Note:<\/strong> Filling in alt tags, names, and captions is good for SEO, but don’t try to keyword stuff. You just want to accurately describe an image in plain language\u2014adding irrelevant or repetitive keywords will get you penalized by the search engine.<\/p>\n\n\n\n Choose images that are related to what the text is saying, rather than something completely out-of-the-blue. An image that is surrounded by relevant information (with related keywords) will rank better.<\/p>\n\n\n\n This tip also helps you avoid stock photo cliches. If your website is about education, you don\u2019t get any SEO boost from having a photo of an apple. Photos of teachers, students, and classrooms will be more interesting for readers and more relevant to your subject matter.<\/p>\n\n\n\n So let\u2019s look at these rules with an example from my Make-Believe Coffee website. I found a photo of a coffee mug on Unsplash. When I downloaded it, the name was \u201cfN6hZMWqRHuFET5YoApH_StBalmainCoffee.jpg\u201d and it was 2509 x 1673 pixels. Its size was 586KB. Not terrible, but still much larger than I need for just displaying as a small photo on my web page. So for better image optimization, I would do the following:<\/p>\n\n\n\n Even though this checklist might seem like a lot, it’ll get faster once you’re used to the process (and you might bookmark this page so you can refer back to it).<\/p>\n\n\n\n Plus, going through these step will make your images look better, help your website load faster, and ultimately benefit your SEO<\/a>. Get into the right image habits now, and you\u2019ll reap the benefits across your entire website. Ready to get started? Create a business website<\/a> or portfolio website<\/a> with Jimdo today!<\/p>\n\n\n\nDesign a logo that makes your business stand out.<\/h4>\n<\/div>\n\n\n\n
2. Use the right file type: JPEG or PNG<\/h2>\n\n\n\n
<\/li>Learn how to start your own website today!<\/h3>\n<\/div>\n\n\n\n
3. Resize images to optimize page speed and appearance<\/h2>\n\n\n\n
What is the ideal image size for a website? <\/h3>\n\n\n\n
How do you find the file size, image size, and resolution of your image?<\/h3>\n\n\n\n
Quick guide for image size, file size, and resolution<\/h3>\n\n\n\n
Looking to start your portfolio website?<\/h3>\n<\/div>\n\n\n\n
What do you do if your image is too big for your website?<\/h3>\n\n\n\n
4. Make images the same size and style<\/h2>\n\n\n\n
5. Name the image file correctly to help your SEO<\/h2>\n\n\n\n
6. Fill out your captions and alternative text<\/h2>\n\n\n\n
7. Put the image near relevant text<\/h2>\n\n\n\n
Summary: Optimizing a website image<\/h2>\n\n\n\n
<\/figure><\/div>\n\n\n\nLearn how to start your own website today!<\/h3>\n<\/div>\n\n\n\n