Make an image tier list: from names to a readable layout

Start with the names you are comparing

I would narrow the comparison before choosing attractive images. Decide whether the entries represent whole brands or specific products. Mixing a company with one budget model makes the grades hard to interpret, even if the cards look polished. Keep the entries at the same level, and include only the model details needed to distinguish them.

Paste one name per line into the home page's bulk input. Identical names are added once. This input supports names up to 80 characters and up to 100 entries. Put conditions in the reason field rather than turning the name into a paragraph. You can assign grades and download Markdown before adding any images.

Choose the right kind of card

For a brand comparison, use the editor's brand search to find a logo. A logo identifies a brand; it provides no evidence about performance. Check that a similarly named search result refers to the right entity. For model comparisons, repeating one company logo is less helpful than pairing clear model names with product images you have permission to use.

Use PNG, JPEG or WebP for uploaded images. The editor resizes images during upload preparation, and the server limits the received file to 8MB. Uploading includes server storage: it is not an operation that keeps the photo exclusively on your device. Use your own images or ones you are allowed to use, and avoid including private information.

If there is no suitable image, use a text logo made from the entry's name. This works well for fictional entries and activities. Consistent image sizes help visually, but a missing logo should not determine whether an entry is included or what grade it receives.

Arrange grades and check the reading order

Drag entries between grades in the editor. If dragging is awkward on touch, open the bulk-input and keyboard-ranking area and use the grade selectors. Leave unfamiliar entries unassigned. Missing information and a low assessment are different states; putting every unknown entry in the bottom grade conceals that distinction.

You can reorder entries inside a grade, but that need not imply a finer ranking. If the entries are equivalent, state that order within a grade has no meaning. Rename grades when S and A do not suit your topic. A custom label still needs a definition of the condition it represents.

Choose a pyramid or a table

A pyramid emphasizes upper grades visually. A table makes larger collections easier to scan in horizontal grade rows. For many products with long names, I would try the table first. Choose a layout that communicates the grades you already assigned; do not alter the assessment to make the shape look tidy. Narrower space at the top is not a reason to invent a quota for S.

After choosing a theme, check contrast and whether similar logos remain distinguishable. Long names and small text can be difficult on a phone. Open the downloaded PNG and inspect it at the size you intend to share. An attractive editing screen and a readable exported image are separate checks.

Check before sharing

Name the comparison in the title and explain its criteria and scope in the introduction. Record the conditions behind each grade, and do not claim to have used a product you have not used. Images do not verify a review. Downloading a file does not publish the list; public posting has its own validation and limits.