In today's fast-paced digital world, where information is constantly flowing and attention spans are shrinking, the importance of a cover image cannot be overstated. Whether it's a book, a blog post, a social media profile, or a website, the cover image serves as the first impression, and as the saying goes, "You never get a second chance to make a first impression."

  1. First Impressions: Your cover image is your website's or profile's first impression. It captures attention, sets the tone, and invites exploration.
  2. Visual Storytelling: Humans are visual beings, and images convey stories and emotions more effectively than words alone.
  3. Brand Consistency: A well-chosen cover image reinforces your brand identity by aligning with your brand's colors, logo, and overall aesthetic.
  4. Mood Setting: Your cover image can create an emotional atmosphere that resonates with your audience and your content's message.
  5. Engagement Boost: Visually appealing cover images encourage engagement, leading to longer visits, lower bounce rates, and more satisfied users.
  6. SEO Optimization: Relevant cover images with proper file names and alt text improve your website's SEO and shareability on social media.
  7. Personalization: For personal profiles, a cover image adds a personal touch, helping you connect with like-minded individuals and build a community.

Ideal Size of the Cover Image

The ideal size for a cover image can vary depending on the platform or website where you intend to use it. Different social media platforms, websites, and applications have their own recommended dimensions for cover images to ensure they display properly. We recommend providing at least 1 cover image that is of size 768x432px. It is generally considered a good idea to have PNG, JPG or WEBP as a cover image. SVG and GIFs should be avoided as much as possible since a lot of social media platforms do not automatically accept it in the meta tags. Additionally, you should keep the size of the image small but crisp for the page to load swiftly.

Create a new Cover Image

Select Project > Tools > Create Cover Image. No object will be selected by default. You can set your Background Color for the cover image along with Height and Width.

No object selected

Depending on the object you select, you will get various options about the selected object that you can customise. In this example, when a text box was selected, the right pane allows you to select various aspects of the selected item. Single object selected

If you choose to select multiple items (by doing Shift + Click), you get alignment options.

  • Screen Horizontal Alignment: Align all selected objects to the left, right or center of the screen horizontally.
  • Screen Vertical Alignment: Align all selected objects to the top, middle or bottom of the screen vertically.
  • Object Horizontal Alignment: Align all selected objects to the left, right or center on the basis of selected objects.
  • Object Vertical Alignment: Align all selected objects to the top, middle or bottom on the basis of selected objects.
  • Space Objects Evently: It works only when there are more than two items selected and ensures that the gaps between the objects are spreadly evenly (horizontally or vertically).

Multiple objects selected

Save Image

You can save (or download) your image (or selection) to the project's image section.

Conclusion

In a world of fleeting attention, your cover image is your strongest ally in making a lasting impression. Use it wisely. We are here to help!