Table of Contents
- What Is A Website Banner?
- Setting the Stage with Visual Impact
- Guiding the User's Attention
- Enhancing Brand Identity
- Optimizing for Different Devices
- Website Banner Size Matters
- Related Reading
- Why Does A Website Banner Size Matter?
- First Impressions Count: Catching Attention with the Right Size
- Balancing Content and Visual Appeal: Displaying Information Effectively
- Responsiveness and Mobile Optimization: Catering to Different Devices
- Visual Hierarchy: Guiding User Attention
- Ideal Website Banner Sizes
- The Significance of Responsive Design in Website Banners
- Designing Responsive Banners
- Use a flexible layout
- Prioritize important content
- Optimize loading times
- Test on multiple devices
- Types of Website Banners
- Homepage Banners: The First Impression Matters
- Header Banners: A Constant Presence
- Promotional Banners: Captivating Offers and Updates
- Catbird.ai: AI-Powered Banner Generator
- Key Design Principles for Website Banners
- Size Matters: Finding the Perfect Fit
- The Goldilocks Zone: Just Right for Responsiveness
- Stand Out from the Crowd: Contrast and Color
- Less is More: Simplicity and Minimalism
- Balancing Act: Composition and Alignment
- Readability Matters: Font Choice and Size
- Call to Action: Compelling and Actionable
- Related Reading
- Optimize Images and Graphics for Website Banners
- Resize and compress images
- Choose the right file format
- Optimize for mobile devices
- Minimize the use of animations
- Leverage caching and content delivery networks (CDNs)
- Test and optimize performance
- Placement Matters
- Above the Fold: Capturing Attention Instantly
- Contrast and Color: Standing Out from the Crowd
- Size Matters: Balancing Impact and Intrusion
- Strategic Placement: Guiding the User's Journey
- Responsiveness: Adapting to Different Devices
- Responsive Banner Design
- The Significance of Responsive Design in Website Banners
- Ensuring Banners Look Great on Both Desktop and Mobile Devices
- Size Matters
- Text and Typography
- Visual Elements
- User Interaction
- Improve Your UX and UI With An Optimal Website Banner Size and Design
- Catching Attention with Optimal Website Banner Size
- Creating an Engaging User Interface
- Facilitating Website Navigation
- Boosting User Engagement
- Use Catbird.ai To Create Creative Assets With Ease
- What Sets Catbird.ai Apart?
- Resizing Made Simple
- No Design Expertise Needed
- Related Reading
Do not index
Do not index
Are you tired of struggling to find the perfect dimensions for your website banner? Look no further! In this blog, we will explore the world of website banner size and provide you with all the information you need to create eye-catching banners that will leave a lasting impression on your audience.
When it comes to website design, every detail matters, and the size of your banner is no exception. The right banner size can make all the difference in capturing your visitors' attention and conveying your message effectively. From the dimensions that ensure compatibility across different devices to the optimal file size for quick loading times, we will cover it all. So, if you're ready to take your website to the next level with a banner that truly stands out, keep reading to discover the secrets behind the perfect website banner size.
What Is A Website Banner?
A website banner is like the Beyoncé of a website. It's the superstar that grabs all the attention and sets the tone for the rest of the site. The banner is that big, bold image or graphic that sits at the top of a webpage, usually spanning the full width of the screen. It's the first thing visitors see when they land on a website, so it better be good.
But a website banner is more than just a pretty picture. It plays a crucial role in the overall design and functionality of a website. Let's dive into why it's so important.
Setting the Stage with Visual Impact
When someone lands on a website, they want to be wowed. The website banner is like a grand entrance, welcoming visitors and giving them a taste of what's to come. It sets the visual tone for the entire site, conveying the brand's personality and style. Whether it's a sleek and minimalist design or a vibrant and colorful display, the website banner sets the stage for the whole user experience.
Guiding the User's Attention
A well-designed website banner is like a traffic cop, directing visitors where to go next. It serves as a visual guide, leading the eyes of the user to important elements on the page, such as the navigation menu or call-to-action buttons. By strategically placing key elements within the banner, designers can ensure that visitors don't miss crucial information or get lost in the vastness of the website.
Enhancing Brand Identity
Your brand is your baby, and the website banner is the perfect place to showcase it. Through the use of color, typography, imagery, and messaging, the banner should reflect the essence of your brand and create a memorable impression. It's an opportunity to reinforce brand recognition and make a lasting impact on visitors. Whether it's a quirky illustration or a bold statement, the website banner is the canvas for expressing your brand's unique personality.
Optimizing for Different Devices
In today's mobile-first world, website banners need to be adaptable to different screen sizes. With the variety of devices people use to access the internet, from smartphones to tablets to desktops, it's essential that the website banner looks great and functions well across all platforms. Designers must consider the responsive design of the banner, ensuring that it scales and adjusts properly to provide a consistent and visually appealing experience for all users, regardless of the device they're using.
Website Banner Size Matters
Now, let's talk about the elephant in the room: website banner size. It's crucial to get this right because if your banner is too big, it can take forever to load, causing visitors to lose interest and bounce. On the other hand, if it's too small, it won't have the impact you desire, and users might overlook it.
The ideal website banner size depends on various factors, such as the layout of your website, the type of content you want to showcase, and the devices your target audience is using. However, there are some general guidelines to consider.
For desktop screens, a common website banner size is around 1920 pixels wide by 500-800 pixels tall. This ensures that the banner covers the full width of the screen without being too overwhelming in height.
For mobile devices, the banner size should be responsive and adapt to the smaller screen size. It's recommended to use a maximum width of 320-375 pixels to ensure the banner fits nicely on mobile screens without being too cramped.
Keep in mind, these are just general guidelines, and you should always test and optimize your website banner size to ensure it looks great on different devices.
Related Reading
- Twitter Banner Size
- Discord Banner Size
- Social Media Banner Sizes
Why Does A Website Banner Size Matter?
When it comes to designing a website, every element plays a crucial role in grabbing the attention of visitors and providing a seamless user experience. One of the most important aspects of website design is the banner, and the size of the banner can make a significant difference in the overall impact and effectiveness of a website. In this article, we'll delve into why website banner size matters and how it can impact the design and user experience.
.png&optimizer=image&quality=80&width=280)
First Impressions Count: Catching Attention with the Right Size
The website banner is usually the first thing that visitors see when they land on a website. It's like the front door of a virtual store. The size of the banner determines how much space you have to make a great first impression. If the banner is too small, it may not grab attention or properly convey the message you want to convey. On the other hand, if the banner is too large, it can overwhelm the visitors and make the website feel cluttered. Finding the right balance is key.
Balancing Content and Visual Appeal: Displaying Information Effectively
Another reason why website banner size is significant is that it impacts how effectively you can display important information. The size of the banner determines how much space you have to work with for your content, such as your logo, tagline, or any promotional messages. If the banner is too small, you may have to compromise on the size or visibility of these elements, which can hinder brand recognition or message delivery. On the flip side, a banner that is too large may result in excessive white space or make the content feel cramped and difficult to read. Striking the right balance is essential for both visual appeal and effective communication.
Responsiveness and Mobile Optimization: Catering to Different Devices
In today's mobile-driven world, it's crucial to ensure that your website is responsive and optimized for mobile devices. The size of the website banner plays a significant role in achieving this. A banner that is too large may dominate the screen on a mobile device and push important content below the fold, forcing users to scroll excessively. On the other hand, a banner that is too small may not be easily readable or noticeable on smaller screens. By considering the appropriate banner size, you can ensure that your website looks great and functions well across different devices, providing a positive user experience for all visitors.
Visual Hierarchy: Guiding User Attention
The size of the website banner also impacts the visual hierarchy of the design. Visual hierarchy refers to the arrangement and prioritization of elements to guide the user's attention. A larger banner naturally draws more attention, serving as a focal point on the website. By strategically placing important elements within the banner, such as a captivating image or a clear call-to-action, you can guide the user's attention and enhance the overall user experience. Additionally, a well-designed banner with an appropriate size can create a sense of balance and harmony, making the website more visually appealing.
Ideal Website Banner Sizes
When it comes to website banners, size does matter. Choosing the right dimensions for your banner can greatly impact its visibility and effectiveness. So, what is the ideal website banner size?
There isn't a one-size-fits-all answer to this question. The ideal website banner size depends on various factors such as the purpose of the banner, the layout of your website, and the devices on which it will be displayed.
However, there are some standard banner sizes that have proven to be effective in most cases. Let's take a look at a few of them:
- Leaderboard: 728x90 pixels
- Medium Rectangle: 300x250 pixels
- Wide Skyscraper: 160x600 pixels
- Half Page: 300x600 pixels
- Billboard: 970x250 pixels
These dimensions have become industry standards because they strike a balance between being noticeable without being too intrusive. They also tend to be supported by most advertising platforms and website layouts.
The Significance of Responsive Design in Website Banners
In today's mobile-first world, responsive design is crucial for ensuring that website banners look great on both desktop and mobile devices. Responsive design refers to the ability of a website or its elements to adapt and respond to different screen sizes and orientations.
Responsive design in website banners is important because it allows designers to create banners that will automatically adjust and rearrange themselves based on the device being used. This ensures that the banner remains visually appealing and does not disrupt the user experience on any device.
Designing Responsive Banners
To ensure that banners look great on both desktop and mobile devices, designers can follow a few best practices:
Use a flexible layout
Design the banner using fluid grids and percentages instead of fixed pixel dimensions. This allows the banner to resize and reposition elements based on the screen size.
Prioritize important content
On smaller screens, it's important to prioritize the most important content and make sure it's easily readable. Consider using larger fonts and simplifying the design to avoid clutter.
Optimize loading times
Mobile devices often have slower internet connections. Optimize the banner's file sizes to ensure quick loading times on mobile devices, preventing users from getting frustrated and leaving.
Test on multiple devices
Don't assume that a banner will look great on all devices without testing. Test the banner on a variety of devices and screen sizes to ensure it looks and functions as intended.
By incorporating responsive design principles and following these best practices, designers can ensure that website banners look great on both desktop and mobile devices, maximizing their impact and effectiveness.
Types of Website Banners
When it comes to website design, banners play a crucial role in capturing the attention of visitors and conveying important information. There are several types of website banners that serve distinct purposes, including homepage banners, header banners, and promotional banners. Let's dive into each one and explore how they contribute to the overall user experience.
Homepage Banners: The First Impression Matters
The homepage banner is arguably the most important banner on a website. It is the first thing visitors see when they land on a site, and it sets the tone for the entire experience. Homepage banners are typically large and eye-catching, meant to grab attention and immediately communicate what the website is all about. They often feature captivating visuals, compelling headlines, and a clear call-to-action (CTA) that directs users to explore further or take a specific action.
Header Banners: A Constant Presence
Header banners, as the name suggests, are located at the top of every page on a website. They provide a consistent visual element that can enhance brand recognition and navigation. Header banners often include the website logo, tagline, and key navigation options, making it easier for users to explore different sections of the site. These banners are generally smaller in size compared to homepage banners but serve as a visual anchor that remains present throughout the user's journey.
Promotional Banners: Captivating Offers and Updates
Promotional banners are used to highlight specific offers, promotions, or important updates on a website. They can be found on various pages, such as product pages, blog posts, or even in the sidebar. Promotional banners are designed to catch the user's attention and entice them to take action, such as making a purchase, subscribing to a newsletter, or signing up for a service. These banners are often smaller in size and placed strategically in areas where they are likely to be noticed.
Now that we've covered the different types of website banners, you might be wondering how to create one that stands out from the crowd. That's where Catbird.ai comes in.
Catbird.ai: AI-Powered Banner Generator
With Catbird.ai, you can take your website banners to the next level. Our custom AI generates ultra realistic and hyper unique downloadable website banners, tailored to your specific needs. Whether you need a banner for your homepage, header, or promotional purposes, Catbird.ai has got you covered.
It's simple to get started. Just input your prompt into our tool, and within minutes, you'll have a professionally designed website banner ready to go. The best part? You can try out Catbird.ai for free! So why wait? Give it a shot and unlock the power of AI-generated website banners today.
Key Design Principles for Website Banners
.png&optimizer=image&quality=80&width=280)
Size Matters: Finding the Perfect Fit
When it comes to website banners, size does matter. The dimensions of your banner can significantly impact its effectiveness. You don't want it to be too small, where it gets lost in the sea of content, nor do you want it to be so large that it overwhelms the page. The ideal website banner size strikes a balance that grabs attention without overpowering the overall design.
The Goldilocks Zone: Just Right for Responsiveness
In this mobile-first era, ensuring that your website banner looks good on all devices is vital. It should be responsive and adapt to different screen sizes without losing its impact. A banner that looks stunning on a desktop but gets cropped or distorted on a smartphone can quickly turn away potential visitors. Make sure your banner size is optimized for responsiveness to provide a seamless user experience across devices.
Stand Out from the Crowd: Contrast and Color
To make your website banner visually appealing, consider using contrasting colors that grab attention. Utilize a color scheme that complements your overall website design, while also making the banner stand out. By incorporating contrasting colors, you can effectively highlight the key message or call-to-action within the banner, making it more eye-catching and memorable.
Less is More: Simplicity and Minimalism
When it comes to designing an effective website banner, simplicity is key. Avoid cluttering it with excessive text or visuals that can confuse or overwhelm visitors. Instead, focus on a minimalistic design that conveys the necessary information in a clear and concise manner. By keeping it simple, you allow the main message of the banner to shine through, increasing its impact.
Balancing Act: Composition and Alignment
The composition and alignment of elements within your website banner play a crucial role in its effectiveness. Pay attention to the placement of text, images, and any other visual elements to create a balanced and visually appealing composition. Consider using the rule of thirds or other design principles to guide your layout decisions. Ensuring that the banner is well-aligned with the rest of your website's design also helps create a cohesive and professional look.
Readability Matters: Font Choice and Size
The font choice and size in your website banner can greatly impact its readability. Select a font that aligns with your overall brand identity and conveys the right tone. Make sure the text is large enough to be easily read, even from a distance or on smaller screens. Avoid using overly decorative or complex fonts that may hinder legibility. A clear and readable font enhances the overall effectiveness of your banner.
Call to Action: Compelling and Actionable
One of the primary purposes of a website banner is to encourage visitors to take action. Whether it's signing up for a newsletter, making a purchase, or exploring more content, it's crucial to include a clear and compelling call-to-action within your banner. Use action-oriented language, such as "Get Started," "Shop Now," or "Learn More," to prompt visitors to engage with your website.
By following these key design principles and best practices, you can create an effective and visually appealing website banner that grabs attention, communicates your message clearly, and drives user engagement. Remember, the right website banner size, contrast, simplicity, composition, readability, and call-to-action can make all the difference in capturing the hearts and minds of your audience.
Related Reading
Optimize Images and Graphics for Website Banners
When it comes to website banners, there are few things worse than slow loading times. In today's fast-paced digital world, users expect websites to load quickly and seamlessly. So, how can you optimize images and graphics for website banners to ensure both fast loading times and an improved user experience? Let's dive into some key strategies and best practices.
Resize and compress images
One of the most important steps in optimizing website banners is resizing and compressing images. Large image files can significantly slow down page load times. By resizing images to the appropriate dimensions for your banner and compressing them without sacrificing too much quality, you can significantly reduce file sizes. This not only improves loading speed but also reduces bandwidth usage.
Choose the right file format
The choice of file format for your website banners can have a significant impact on loading times. JPEG is often the go-to format for photographs and complex graphics, as it offers a good balance between image quality and file size. On the other hand, PNG is ideal for images with transparency or simpler graphics. By choosing the right file format, you can optimize loading times without compromising visual quality.
Optimize for mobile devices
With the increasing use of mobile devices for browsing, it's crucial to optimize website banners for smaller screens. Consider using responsive design techniques to ensure that banners adjust and scale properly on different devices. Additionally, make sure to compress images further for mobile devices, as slower internet connections are more common on mobile networks.
Minimize the use of animations
While animations can be visually appealing, they can also significantly impact loading times. Limit the use of complex or lengthy animations in your website banners, as they can slow down the overall performance. If animations are necessary, consider using lightweight formats like GIF or CSS animations.
Leverage caching and content delivery networks (CDNs)
Caching is a technique that stores a copy of your website's files on a user's device, allowing for faster subsequent page loads. By implementing caching and utilizing content delivery networks (CDNs), you can minimize the distance between your users and your website's files, thereby reducing latency and improving loading times.
Test and optimize performance
Regularly test your website's performance, including the loading times of your banners, using tools like Google PageSpeed Insights or GTmetrix. These tools provide insights into areas of improvement and highlight opportunities for further optimization. Keep an eye on image file sizes, loading order, and overall page speed to ensure a smooth user experience.
.png&optimizer=image&quality=80&width=280)
By following these strategies and best practices, you can optimize images and graphics for website banners, resulting in faster loading times and an improved user experience. Remember, a fast-loading website is key to keeping users engaged and satisfied, ultimately leading to higher conversions and better overall performance.
Placement Matters
When it comes to grabbing attention and achieving specific goals on a website, the placement and layout of website banners are crucial factors. Let's dive into how these elements can guide user attention and promote products or encourage sign-ups.
Above the Fold: Capturing Attention Instantly
The "above the fold" section refers to the part of a webpage that is visible without scrolling. This prime real estate is where banners can make a big impact and immediately catch the user's attention. By placing a visually appealing banner with a compelling message at the top of the page, you ensure that users can't miss it. This can be particularly effective for promoting products or encouraging sign-ups, as it gives them an immediate call to action.
Contrast and Color: Standing Out from the Crowd
To make your website banner truly eye-catching, it's essential to consider contrast and color. Using contrasting colors for your banner background and text can help it stand out from the rest of the page. Bold, vibrant colors can evoke emotions and draw attention, while muted or complementary colors can create a more subtle and sophisticated look. By carefully selecting colors that align with your brand and message, you can guide users' attention towards your banner and increase the chances of achieving your goals.
Size Matters: Balancing Impact and Intrusion
The size of your website banner plays a significant role in guiding user attention. A larger banner naturally attracts more attention, but it can also be intrusive if it dominates the entire page. On the other hand, a smaller banner may not have the same impact. Striking the right balance is crucial. Consider the overall design and layout of your website, as well as the importance of the message you want to convey. A strategic placement and size can ensure that your banner captures attention without overwhelming the user experience.
Strategic Placement: Guiding the User's Journey
Where you place your website banner within the layout of a web page can have a profound effect on user attention and action. By strategically placing banners near relevant content or next to key navigation elements, you can guide users towards specific goals. For example, placing a banner near a product description can drive users to make a purchase, while placing it near a sign-up form can encourage them to become subscribers. Understanding the user journey and aligning banner placement with their intentions can significantly increase the chances of achieving your desired outcomes.
Responsiveness: Adapting to Different Devices
With the increasing use of mobile devices for browsing, it's crucial to consider responsiveness when designing website banners. Responsive design ensures that banners adapt seamlessly to different screen sizes and orientations. This helps maintain the intended impact and attention-grabbing qualities of the banner, regardless of the device being used. By optimizing website banners for different devices, you can ensure a consistent and effective user experience, leading to higher conversions and engagement.
Responsive Banner Design
The Significance of Responsive Design in Website Banners
Website banners are like the flashy billboards of the internet. They catch your attention, convey a message, and hopefully entice you to take action. But what happens when you switch from your trusty desktop to your sleek mobile device? Will that banner still look as great as it did before? That's where responsive design comes in like a knight in shining armor, ensuring that banners look amazing on both desktop and mobile devices.
Responsive design is all about making your website adapt to different screen sizes and orientations. It's like having a chameleon for a website - it changes its appearance based on the device it's being viewed on. And let me tell you, that's crucial for banners.
Why? Well, have you ever tried looking at a website banner on your phone, only to find that it takes up the entire screen and you can't even read the text? Not a great user experience, right? That's where responsive design saves the day. It allows designers to create banners that not only scale down to fit smaller screens but also rearrange themselves to ensure that the message is still clear and captivating.
Ensuring Banners Look Great on Both Desktop and Mobile Devices
So, you might be wondering, how can designers ensure that banners look great on both desktop and mobile devices? Don't worry, I've got your back. Let me break it down for you.
Size Matters
One of the first things designers need to consider is the size of the banner. On desktop, you have a lot more real estate to work with, so you can go big and bold. But on mobile, you need to be more mindful of space constraints. You don't want your banner to overwhelm the screen and make it feel cluttered. So, designers should create banners with different sizes for desktop and mobile, ensuring they are optimized for each platform.
Text and Typography
When it comes to text in banners, legibility is key. On the desktop, you have the luxury of larger screens, allowing for more text and intricate typography. But on mobile, you need to be more concise and use fonts that are easily readable. Designers should consider using shorter headlines and larger fonts for mobile banners to ensure that the message is clear and easily understood.
Visual Elements
Visual elements in banners play a crucial role in grabbing attention and conveying the message. However, what looks stunning on a large desktop screen might not have the same impact on a small mobile screen. Designers need to carefully choose and adapt visual elements to ensure they still pack a punch on mobile. This might include resizing images, simplifying complex graphics, or even repositioning elements to maintain visual appeal.
User Interaction
Interactivity can add a whole new level of engagement to website banners. On desktop, designers can incorporate hover effects, animations, and interactive elements that enhance the user experience. But on mobile, where touch is the primary mode of interaction, designers need to rethink how users will engage with the banner. They might opt for touch-based animations, swipe gestures, or even simplified interactive elements that are optimized for mobile use.
Improve Your UX and UI With An Optimal Website Banner Size and Design
When it comes to website design, every pixel matters. One crucial element that can make or break a website's success is the size of its banners. These eye-catching visuals at the top of a webpage play a significant role in enhancing user experience (UX) and user interface (UI) design. Let's explore how the proper website banner size can impact navigation and engagement, ultimately leading to a better user experience.
Catching Attention with Optimal Website Banner Size
The first thing users notice when they land on a webpage is the banner. It sets the tone for the entire website and grabs their attention. Using the optimal website banner size ensures that it fits naturally within the layout and doesn't overwhelm or distract users. A banner that is too large may dominate the screen and overshadow the main content, while a banner that is too small might not have the desired visual impact. Striking the right balance is crucial to captivate users and entice them to explore further.
Creating an Engaging User Interface
A well-designed website banner enhances the overall user interface (UI) by providing visual interest and context. It helps establish a visual hierarchy, guiding users to the most important information on the website. Incorporating relevant imagery, colors, and fonts in the banner can convey the brand's personality and message, making a lasting impression on visitors. By aligning the banner with the rest of the UI elements, such as buttons and navigation menus, a cohesive and engaging user interface is created.
Facilitating Website Navigation
The website banner can also significantly impact website navigation. When designed thoughtfully, banners can act as navigation aids by providing clear and intuitive calls to action (CTAs). These CTAs can direct users to specific sections of the website or prompt them to perform certain actions, such as signing up for a newsletter or making a purchase. Proper website banner size ensures that these navigation elements are easily accessible and don't obstruct the overall browsing experience. By incorporating relevant keywords and buttons with contrasting colors, banners can help users navigate seamlessly through the website.
Boosting User Engagement
An effective website banner size can also enhance user engagement. By featuring visually appealing and relevant content, banners can draw users deeper into the website. Whether it's a captivating image or an enticing headline, the right elements in the banner can evoke curiosity and encourage users to explore further. Additionally, banners can be dynamic, showcasing rotating offers, promotions, or new products, keeping users engaged and encouraging them to interact with the website.
Use Catbird.ai To Create Creative Assets With Ease
Looking to break free from mundane designs? Say goodbye to uninspiring visuals with Catbird.ai—the ultimate solution for creative depth in your assets.
Catbird.ai is your ticket to a revolutionized creative asset generation process. We get it—time is precious. That's why we've harnessed AI power to speed up your journey from inspiration to exported assets. And the best part? It's all in one platform.
No more wrestling with Adobe and Canva's complexities. Catbird.ai bids farewell to frustration, ushering you into a realm of limitless possibilities.
What Sets Catbird.ai Apart?
Our AI-powered platform goes beyond hyper-realistic images. It's a powerhouse of features, elevating your designs.
Resizing Made Simple
Need a website banner resized? Catbird.ai has you covered. Choose from various banner sizes, standard or custom. Get the dimensions just right effortlessly.
No Design Expertise Needed
Catbird.ai is for everyone, regardless of design skills. The user-friendly interface ensures that, with a few clicks, you can turn ideas into stunning visuals.
Ready to experience the Catbird.ai difference? Try it for free today. In seconds, generate hyper-realistic images that leave a lasting impression. Don't settle for mediocrity—join the Catbird.ai revolution and elevate your designs effortlessly.
Related Reading
.png%3Ftable%3Dblock%26id%3D9444e1b7-dcbb-45f3-9646-a29ea9f05ba5%26cache%3Dv2&optimizer=image&quality=80&width=280)
.png%3Ftable%3Dblock%26id%3D156026d9-aa1c-4e06-b472-67aeb54d395e%26cache%3Dv2&optimizer=image&quality=80&width=280)
