Using Images and Graphics

Key Learning Outcomes

After completing this chapter, you will be able to:

• Understand the importance of using high-quality images and graphics;
• Incorporate images and graphics in a way that enhances your website's visual appeal;
• Apply best practices for optimizing images and graphics for web use.

Images and graphics are essential elements of a visually engaging website. They can help tell your story, highlight your work, and create a more interactive experience for your visitors.

Use the Wix media manager to upload and store your high quality media you've collected for your site. The media manager not only stores media, but you can also use it to create and edit photos and videos while simultaneously sourcing stock images from reputable third party providers.

Consider the following best practices when using images and graphics

• Quality: Use high-quality images that are clear and well-composed;
• Relevance: Ensure that images and graphics are relevant to your content and audience;
• Optimization: Optimize images for faster loading times without compromising quality;
• Consistency: Maintain a consistent style and theme for all images and graphics used on your website;
• Alt Text: Add descriptive alt text to images for better accessibility and SEO.

Best Practice Tips

• Image Formats: Use appropriate image formats (e.g., JPEG for photos, PNG for graphics with transparency);
• Responsive Design: Ensure images are responsive and look good on all devices;
• Compression: Use tools to compress images and reduce file sizes without losing quality.