Card Cover Images and Drag and Drop Attachments

Any given Trello card has a secret world of attachments begging to be discovered. Today, we’re supercharging attachments with a couple new features: card cover images, and drag and drop file uploads.

Card Cover Images

We’ve always had badges on cards that show the number of votes, comments, progress on checklists, due dates, and other metadata. It gives you a good sense of the activity of the card. Now you can add an image to the front of a card, too. The last uploaded image will be the default, but you can select a cover from the back of the card.

Your boards will look the same, but new uploaded images will be used as covers from now on. You can select an old image as a cover, though. You can turn covers off for the whole board in “Options” > “Settings”. Does your card not need a cover? Just click “Remove Cover” from the attachment section on the back of the card.

We hope card cover images give more insight into the activity on a card and add more personality to your boards. Try it out!

Drag and Drop Attachments

Selecting files to upload can be tedious when doing it one by one by one… To remove some of that pain, we’ve added HTML5 drag and drop to upload files. Select one or a bunch of files from your desktop, drag to the front or back of a card, and drop. If you make extensive use of attachments, it should make your life much easier. Internet Explorer has yet to implement HTML5 drag and drop, but it will work when IE10 comes out in the fall. Drag and drop away, Trello-ers!

Still need a good word for a Trello user. Hm.

We’ve also got a new home page! Check out https://trello.com/landing to see how real people are using Trello. There’s lots of beautiful color and illustrations and, if you look hard enough, there’s cake.

We think we’ve unlocked some new potential for attachments and we hope you make good use of these new features. What are we working on next? Check out the Trello Development board and follow us on Twitter, Facebook, and Google Plus to find out. Until next time!

116 thoughts on “Card Cover Images and Drag and Drop Attachments”

  2. D’n'Drop attachments – awesome! What I would like to see is better attachments preview – opening new windows is sorta ok, but it ads to 666 already opened tabs, and that makes me ver close to 666, and we all know that can’t be good :)

    Anywat – great job!

    • That’s the best one I’ve seen so far. Rhymes with “cellist,” too.

      Marshtrello?
      Trellionaire?
      Petrificus Trellotallus?

      Or we could just call a user of Trello a Trello himself.

    • I like Trellist too!

      Looking forward to trying drag and drop attachments when IE10 is released (I’m not generally an IE user, but it’s useful to have Trello pinned to the taskbar in Windows 7).

  13. Awesome additions, keep up the great work!

    One small (sounds small but probably isn’t) :) request regarding the card covers – this function can actually be very handy for us, but I wold love to see the ability to reposition the image around so we can show the correct part of the image. I tried it on one card and it showed a part of the image that wouldn’t make sense to anybody looking at it, if we could reposition it, that would be great!

  15. 1st: Trello is a beautiful piece of software, love using it.

    Like the idea of using attachments as card cover images, but I think it needs maybe a little more work. If you try to use an image as card cover, there is no control over which part of the image gets picked to display on the card. If your image is not exactly the right size, it gets cropped instead of compressed to display the entire image. If you’ve seen the iPhone’s contact list and how it lets you pick part of an image by panning and sizing to display on a contact, that is what I am talking about.

    • I really like this feature! Unfortunately I have had problems with the image size as well. I have found that even if I upload an image that is exactly the size of the preview, it still zooms and crops for some reason.

  19. This is a wonderful feature, thank you for the hard work. Could you make it work with already existing cards with image attachments?.

    • We are going through and adding previews for old images so you’ll be able to make them covers. The process takes a while though. It will be about week.

      • Just wished to add that this new feature is great for visual media projects like mine. I keep a board with memo cards of each mixed-media page I create, with pictures along the elements used in it. It looks lovely now with the image covers. Thank you!.

  20. Nice additions. Won’t be useful for me but I’m sure many will find them very useful!
    As for the name of a Trello user…why not just keep it simple and call us “Trells”…or for a giggle, “Trolls” :-)
    I did like Trellite though…that makes us sound like a bunch minions following the almighty one known as Trello.
    How about Trellions?
    Forget long winded “latin” based names though…

  22. I think a person using Trello shd be called a Trellie / Trelly just like Star Trek fans are Trekkies. What do you say?

    • I think a person using Trello shd be called a Trellie / Trelly just like Star Trek fans are Trekkies. What do you say?

      Mmmmm. ….like Hi’ I’m a Trellie. And a Trello community can be a Trellie Village, etc…. ha ha.. just thinking out loud.

  27. You guys just don’t stop! Amazing, to say the absolute least. We use Trello here at Ogilvy NYC to maintain our project lists for our big clients, such as UPS, IBM, and Nestle in asset management. It lets us reference our database to let us know what has been pushed to the client’s server, and allows harmonious organization. Bravo, peeps. Love you guys!

  33. It doesn’t really work. I had to try uploading a picture several times before it was successfully added. The cover pic ended up just a snapshot of one part of the image and was very large and blurry.

  35. I think it should be a “Trellot”.

    Loving the drag and drop. Keep it up!

  38. Tried to prepare small JPG logos for my cards, but every time I try to add it, it gets unpredictably distorted. An image of 210×100 pixels should’ve fitted perfectly. Alas! It’s all blurred, unreadable and only part of it is visible. How did you manage to put that dog on a card for the screenshot after all, guys? :)

  39. The card cover doesnt seem to work. even in a real small format you still see just a piece of the picture! Would be a great feature…if it would resize!

  42. I’m with Ivan. My first inclination was to use this w/ small snips of pictures of the feature being developed within the feature’s card (as a supplement to, even replacement, of the text.) For “small-enough” images (ones that I snipped to approximately fit; I am not going to measure it) I’d like the cover image to crop without scaling.

  44. “Still need a good word for a Trello user. Hm.”

    I’m a “Trell”. I hang out in the virtual landscape of Trello. People who study the habits of, or troll for, Trells are Trellists. A small gathering of Trells is called a Tryst. A whole shload of Trells is a train of Trells. Yes. I said, “shload.” There is no mnemonic differentiator between a male and a female Trell. The only difference is demand. People who choose to view Trello in portrait mode are Trell Pests. Yes, there are claims portrait-ism is nature as opposed to choice. Being a hopefully open-minded group, I would propose those Trells be referred to as Nesters.

    Back to work for me. Really. I mean it.

    Really.

  56. Can we adjust the picture?

    I tested the Card Cover feature with a png of Taco, and all that shows on the front of the card are Taco’s eyes! And their big! I’m trying to work, but now I have Taco’s big eyes following me around. I think if I see those eyes long enough, Taco’s going to start telling me to do bad things ;)

    How do I zoom out?

  58. I like the idea of being known as a “Trellist.”

    I would like the image that appears on the front of a card to be proportionately smaller than what is currently displayed, and representative of the whole image (as much as possible)

    We are a book publisher, and adding the image of a book cover to a title’s card would be great, but not when what is shown is a large, partial “chunk” of the cover image. Something more like a small icon on the front, and the whole image on the back would be great.

  62. The card cover images need to be scaled, or have an option for them to be scaled. I have small (100px x 150 px) pictures and only a part of the image is being shown.

    • We originally didn’t want them to take up much vertical space, but we ended up with some really funky cropping. We’re working on a better scaling ratio.