Bring your board to life with Card Images!

Hey everyone, I’m Eoin, a Product Manager on Jira. I’m excited to announce that card covers have come to the board view of all project types. Card covers allow you to visually enhance your workflow by adding images directly to your cards on the board view, making it easier to identify, organize, and prioritize your work at a glance. They help you group tasks in a more visual way and bring a little more personality to your work!

Simply upload an image or select an image you’ve already uploaded as an attachment to display as the card cover and bring your board view to life!

 

Adding card cover images

To add or change an issue’s cover image on the board on a company-managed Software project or a Business project:

  1. Hover over an issue.

  2. Select ••• (more) on the issue.

  3. Select Edit cover image.

  4. Upload an image or select an image you’ve already uploaded as an attachment.

Once you upload an image as a cover image, it will also become an attachment to the issue.

Note on team-managed Software projects, you can add images as card covers through the Attachments panel within the issue view.

Hiding card cover images

Customize your personal view of the entire board by showing or hiding all cover images:

  1. On the board, select View settings.

  2. Select or de-select Cover images.

Note on team-managed Software projects, this is a project setting rather than a user level setting. 

 

Example of how to use cover images when creating content

One of my favourite examples of card covers is within a content creation process, where card covers feature thumbnails of images. This allows team members to quickly identify tasks related to specific pieces of content, like social media posts, ad creatives, or product visuals, without having to open each card.

CardCover.png

1. Brainstorming

  • Create cards for each content idea: Instagram post, Facebook ad, etc.

  • Card covers feature thumbnails of initial concepts or rough drafts (sketches, color palettes, mood boards) to quickly distinguish between the different content ideas.

2. Content Development

  • As tasks move to the development phase, the card covers are updated with in-progress visuals. For instance, an Instagram card might show the edited image or design layout, while a YouTube video card could display a still shot from the video shoot.

  • This visual cue allows team members to see the status and content type at a glance, without having to open each card.

3. Review and Approval

  • Cards are moved to the "Review" column on the board. Card covers display the final version of each piece of content, making it easy for stakeholders to provide feedback on specific visuals.

  • The team can leave comments for final approval.

 

This workflow can help streamline team collaboration, enhance visual clarity, and speed up task recognition, especially when working with complex or large projects.

 

 

Please share how you are using card covers in the comments below!

Also please let us know if you encounter any performance issues, on loading or on scrolling for example. As mentioned above, it's possible to turn Card covers off if needed.

Thanks!

19 comments

Daniel Bagiński
Contributor
November 7, 2024

Hello, I haven't seen this option for company-managed software projects yet - not on Kanban or Scrum boards. Do you have any idea why? Are you still rolling it out? Regardless, I am super excited to see it go live!

 

Like # people like this
Tomislav Tobijas _Koios_
Solutions Partner
Solution Partners provide consulting, sales, and technical services on Atlassian products.
November 7, 2024

@Daniel Bagiński I think this is still being rolled out. This feature is available in some of our instances, while it's still not available in others.

Btw, @Eoin thanks for sharing the update!

Like # people like this
Bill Sheboy
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
November 7, 2024

Hi @Eoin 

Thank you for this information.

As this feature deploys to additional project types, how will the performance issues with cover images be addressed so boards are not impacted?  Please see the defect on this symptom here: https://jira.atlassian.com/browse/JSWCLOUD-25553

Kind regards,
Bill

Like # people like this
Eoin
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
November 10, 2024

Hi @Bill Sheboy

We haven't specifically addressed the root cause of that bug. Instead we are carefully monitoring the impact of card covers performance. And in company-managed projects, we also give each user the ability to turn off card cover images under View Settings if they encounter any issues.

Thanks

Like Yatish Madhav likes this
Bill Sheboy
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
November 11, 2024

Thanks for that information, @Eoin 

As the root cause has not been specifically addressed yet, I suggest adding a note to your article about possible performance issues and how to disable the feature.  That will mitigate the possible increase in customers submitting support tickets for the symptom as they try the feature.

Like # people like this
Justin Uplinger
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
November 20, 2024

It would be great to be able to set covers via automation. 

We've had quite a few requests to color-code cards based on a field and I could see that really well. At least for the default options!

Like # people like this
Danno
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
November 20, 2024

I still don't have this feature yet.

Elliot Jones
Contributor
November 20, 2024

Not available for me, but we'll wait until the real issues have been solved first. 

Kristján Geir Mathiesen
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
November 20, 2024

Most bodacious!

Takk, @Eoin 

Like # people like this
James Rickards (Spark-Nel)
Contributor
November 20, 2024

This is great and a step in the right direction.

Will these images be visible on the smart cards on Confluence Whiteboards?

 

Like Eoin likes this
Marcus Jacobs
Contributor
November 20, 2024

Did somebody just said "looks like Trello?" :D
I LOVE that Feature.

@Eoin are there any plans to make that feature available for automation or rest calls?

Like # people like this
Yatish Madhav
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
November 21, 2024

Thanks so much for this @Eoin and Atlassian - this def makes for better visuals!

Haha nice one @Marcus Jacobs - yeah, we moved from Trello to Jira almost 6/7 years ago and I missed this slightly.

I am totally with @Bill Sheboy  - performance should be top priority for this. We have a board that has around 1200 issues but some of our users struggle with the board and backlog. I know this will not be accepted easily bit will share it any ways

Question @Eoin  - what are the dimensions of the card cover images? I dug into dev tools and it looks like it sets ALL cover image heights to 140px? Is that right? Reason is in the past we had images that are by company logos and some are thin strips - this crops it at that height :( - any way that we can set cover images to either crop OR show the full image at it's proportion? Another use case is where we had users use cover images almost as issue dividers, though i know that is not ideal. See cover image below vs the actual test image

Screenshot from 2024-11-21 13-11-26.pngScreenshot from 2024-11-21 13-11-55.png

I mocked around the dev tools and created this - can this be achieved at all please?

Screenshot from 2024-11-21 13-16-06.png

Thanks for sharing the ability to allow users to show or hide covers  personally and the examples given - that helps a ton!

Thank you and Atlassian, once again!

Like # people like this
Amir Netiv
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
November 21, 2024

Very nice feature!
Some productivity suggestions that would make it even better for adoption:

  • If there was a way to automate it (same image for all epic related issues for example)
  • If the images were global (not as attachments to the issue) so you don't need to re-attach them each time again
  • If the image would show under the entire ticket (not just an upper ribbon)

Thanks again

Like Eoin likes this
George Bikos
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
November 22, 2024

Great feature,

is it gonna be available to upload the image as a card through the API, is there an article/page that has the API call for this?

Like Eoin likes this
Eoin
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
November 24, 2024

@James Rickards (Spark-Nel) no plans at the moment to add them to the smart cards on the whiteboards but I love the idea. I'll pass this across to the whiteboards team. Thanks

Eoin
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
November 24, 2024

Thanks @Yatish Madhav

The main reason we have stuck with this image approach is for performance reasons - both on load and on scroll. It's something we can consider to offer as a config based on the feedback that we get. Your message above helps greatly with this. Thanks

Like Yatish Madhav likes this
Eoin
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
November 24, 2024

Also a note that this is rolled out to everyone now, except for customers enrolled in release tracks. Thanks

Like Yatish Madhav likes this
Yatish Madhav
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
November 24, 2024

Ah OK. Nice. Thanks @Eoin Yeah, performance reasons sh/would be on top of mind as I know some users in out team are not going to use this because of the fact that our board is already slow with just over 1000 issues pulling in it's filter.

Thanks for that, Eoin

Stephen_Lugton
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
November 26, 2024

I'm getting some images cropped and thus not giving the full impact, for example the finger on this gets cropped off

wagging finger.gif

Comment

Log in or Sign up to comment
TAGS
AUG Leaders

Atlassian Community Events