Organizing Images

Once you’ve learned and had fun generating 100’s of AI images it’s time you have a new hurdle. How to organize and manage of these images?

In this guide we’ll teach you about how you can filter, tag and add images to collections (similar to folders but with more flexibility) to easily organize your images.

We’ll be utilizing the “all images” tab and “collections” tab of your “my profile” section

The all images tab showcases all your images sequentially. From this tab you have variety of functions to organize images but most importantly you can select many images and add them to a Collection

Grid view of all images and selecting images in bulk to take action on
Grid view of all images and selecting images in bulk to take action on

Clicking Image detail popup UI updates
Clicking Image detail popup UI updates

All Images

All images created in ArtSmart.ai, whether through the Playground or Tunes feature, are stored in the "All images" section. We have added a tagging system so that you can group them into categories.

💡
If you want a folder-like grouping mechanism, you can use Collections instead.

We have also added more filter options and a search bar to make it easier for you to find images on this page. Additionally, we have added the ability to select multiple images in order to perform bulk actions such as editing, deleting, or adding to a collection.

image

Working with Images

There is a menu of options available for you to do with your images. Look at the image below.

image

When you move your cursor over each image thumbnail, you will see four buttons appear in the top right, bottom left, and bottom right corners. Let's begin by looking at the buttons in the bottom corners.

(Click arrow to see more)

Like or dislike the image

  1. Hover the mouse cursor over the image thumbnail on the page.
  2. Click on the heart icon (located in the bottom left) to toggle between like and dislike.
  3. image
  4. If you like the image, the heart icon will be filled in with red. If you don't like the image, the heart icon will appear in white.
  5. Unliked
    Unliked
    Liked
    Liked
  6. To see who likes the image, click on the link placed in the right of the heart icon.
  7. image
  8. A list of users who have liked the image will be displayed.
  9. image

Change whether the image is visible to the public or not

A note: If an image is locked from the public you can not share the link and have a different user or non logged in user see the image

  1. Hover the cursor over the image thumbnail.
  2. Click the icon located in the bottom right of the thumbnail. The icon will be changed
  3. image
  4. The icon will be changed between a lock-icon (private) or a globe-icon (public) to indicate if it is private or public.
  5. Lock Icon : Private (only for you)
    Lock Icon : Private (only for you)
    Globe Icon : Public for everyone
    Globe Icon : Public for everyone
    If it is public, the image will be visible to anyone who views your profile. Otherwise, it will remain private and invisible to others.

The dropdown menu

  1. Hover the image thumbnail
  2. Click on the three-dots button to toggle the dropdown
  3. image
  4. Click one of the menu listed there
  5. Set as Profile Picture

    This menu is used to quickly make the chosen image your profile picture with just one click. How to:

    1. Select the “Set as Profile Picture” option in the dropdown menu.
    2. image
    3. There will be an animation on the profile picture spot to show that the "set as profile picture" action is in progress. Wait until it finished
    4. image
    5. The image will now be set as your profile picture.
    6. image

    Edit in Playground (only for the owner)

    This menu allows you to load the image onto the canvas in the Playground page. Unlike the "Open in new Playground" menu which only loads the image, "Edit in Playground" also loads the metadata onto the Playground, such as the prompt, the inspiration image (if any), the seed, the preset used, etc.

    How to:

    1. Select the “Edit in Playground” option in the dropdown menu.
    2. image
    3. You will be taken to the playground page where the picture is already loaded in the canvas and the metadata is loaded on the left side
    4. Image, mode, and prompt loaded
      Image, mode, and prompt loaded
      Image dimension loaded
      Image dimension loaded
      The seed loaded
      The seed loaded

    Open in New Playground

    This menu allows you to load an image onto a completely new canvas, which you can then edit. How to:

    1. Select the “Open in New Playground” option in the dropdown menu.
    2. image
    3. You will be taken to the playground page with the picture already loaded in the canvas.
    4. image

    Use as Inspiration

    This menu gives you the option to load an image as inspiration into a new playground, which you can then use as a reference for generating something new, or you can get a prompt from the image.

    How to:

    1. Select the “Use as Inspiration” option in the dropdown menu.
    2. image
    3. You will be taken to the playground page with the image already loaded in the "Img to Img" section on the left panel.
    4. image

    Add/Edit Tag [new] (only for the owner)

    This menu allows you to add or modify tags for an image, so that the image can be filtered using the tags. How to:

    1. Choose the "Add/Edit Tag" option in the dropdown menu.
    2. image
    3. A popup form will appear.
    4. image
    5. To add a new tag, click the "+ Create new tag" button, type the tag into the text-field, and click "Add".
    6. image
    7. To delete tags, click the X icon on each one.
    8. image
    9. When you are finished updating the image tags, press "Done".
    10. image
    11. Refer to this instructions on how to filter images by tags.

    Add to Collection [new] (only for the owner)

    This menu allows you to organize your images into different groups for easier searching and managing. You can create new collections to make photo albums, organize images by topic, or keep similar images together.

    You can make new collections and add images to them, or add your images to existing collections. How to:
    1. Choose the "Add to collection" option in the dropdown menu.
    2. image
    3. A popup form will appear.
    4. image
    5. Select one of the existing collections from the “Select or create new collection” field
    6. image
    7. Or choose the “Create new collection” option to create a new one
    8. image
    9. And fill in the “Collection name” field
    10. You can update the collection name in the "Collections" page.
      image
    11. Click “Collect” to finish
    12. image
    13. You can view your collections and the images that you have collected in the collection page.
    14. image
    Collecting multiple images at once

    Refer to the instructions on How to batch tasks to select multiple images and apply batch action and then follow previous section to add them into same collections at once

    Download

    This menu allows you to save your image in its original size to your computer. You can either download the image as a single file or in a batch (as a .zip file, refer to the instructions on How to batch tasks to select multiple images and apply batch action).

    How to:

    1. Choose the "Download" option from the dropdown menu
    2. image
    3. The image will be downloaded immediately in its original size and resolution.
    4. Downloading the batch of images will take longer because it needs to first create a zip file of all the selected images before it can download the zip file.
      Firefox recent download list
      Firefox recent download list
      Windows image viewer showing the downloaded image
      Windows image viewer showing the downloaded image

    Share the image

    The private image cannot be shared until it is made public. You must change the settings to make the image publicly available before you can share it.

    Menu available for public image
    Menu available for public image
    Menu available for private image
    Menu available for private image

    How to share an image:

    1. If your image is private, first follow the steps to make it visible to the public by changing the visibility settings
    2. Choose the "Get link to share" option from the dropdown menu
    3. image
    4. and the link will be automatically copied
    5. image
    6. You can then share it with anyone you want to

    Delete (only for the owner)

    This menu is where you can delete your image (you can select multiple images to delete at once, following the instructions on How to batch tasks). Be aware that this action will delete the image permanently, so make sure you really want to delete it before you confirm it in the delete image confirmation dialog (popup).

    How to:

    1. Choose the "Delete" option from the dropdown menu.
    2. image
    3. A popup will appear asking you to confirm deleting the image.
    4. image
    5. If you are sure that you want to delete it, click the "Yes, delete it" button.
    6. The image will then be immediately removed from the list.
    7. Before delete
      Before delete
      After delete
      After delete

How to batch tasks (select multiple images)

  1. Hover the image thumbnail that you want to select.
  2. image
  3. Click on the blank-circle icon on the top right corner of the image.
  4. image
  5. The image will be selected (has blue border) and a batch-action menu will appear on the right side (align with the filter options in the left).
  6. image
  7. Select the action you want to take from the available menu options. All selected images will be affected by the action you've chosen.
  8. image
    Add Tag
    Refer to this instruction for step-by-step on how to add a tag
    Add to Collection
    Refer to this instruction for step-by-step on how to add images to collection
    Edit Visibility

    This action is similar to toggle public for single image, but it applies to multiple images. The process is slightly different, so we decided to create a dialog form, allowing you to make all the images public or private in one go.

    How to:

    1. Choose the "Edit Visibility" option from the dropdown menu.
    2. image
    3. A popup will appear prompting you to select either public or private.
    4. image
    5. Click the "Save" button to complete the action.
    6. All related images will now be labelled as either public or private, depending on your selection in the previous step.
    7. 💡
      Before Edit:
      Image 1
      Image 1
      Image 3
      Image 3
      Image 2
      Image 2
      Image 4
      Image 4

      💡
      After Edit:
      Image 1
      Image 1
      Image 3
      Image 3
      Image 2
      Image 2
      Image 4
      Image 4

    Download
    Refer to this instruction for step-by-step on how to download image
    Delete
    Refer to this instruction for step-by-step on how to delete image
  9. To deselect an image, click on the blank-circle icon again (which is now checked-icon with a blue background).
  10. image
  11. Use the "Clear All" button to clear all selections.
  12. image
  13. Repeat the steps for all desired images.

Image Detail

You can click on the thumbnail in the "all images" section to view the image in more detail. It will appear larger and you will also see information about the image such as the prompt, generation mode, seed, resolution, and tags.

  1. Click one of the thumbnails to view the image in more detail.
  2. image
  3. A popup will appear with detailed information about the image on the right, such as its prompt, generation mode, image dimension, tags, and credit.
  4. image
  5. On the bottom right you can find any actions available, which are the same as those available in the grid view.
  6. image
  7. Refer to this section for an explanation of what these actions do and how to do them

Filter Image

image

We have given you some filters and a search bar to make it easier to find images. Here is what they are for:

(Click arrow to see more)

Image type

The image type filter allows you to select images based on the type. The default option is "All", which shows all images regardless of type. You can select either "Playground generation" or "Tune images" to view only images of that type. To reset the filter, select "All" again.

Image type filter
Image type filter
Example: Filter image type = Playground generation
Example: Filter image type = Playground generation
Example: Filter image type = Tune images
Example: Filter image type = Tune images

Tunes (will only available when “Image type” is “Tune images”)

The Tunes filter is only available when the “Image type” is set to “Tune images”. Your tunes will be listed as options, so you can filter the already-displayed tune images by their tune name. To reset the filter, select "All".

Filter by tune menu
Filter by tune menu
Filter by specific tune
Filter by specific tune

Visibility (only available in your own profile page)

The visibility filter allows you to filter the images that are displayed on your profile page. Select "Public" to view only the images that are available to everyone, select "Private" to view only the images that are only visible to you, or select "All" to reset the filter to reset the filter and show all images no matter the visibility setting.

Image filter by visibility status
Image filter by visibility status

Show private images only

image

Show public images only

image

Collection [new]

Collection filter allows you to filter images according to their collections. All of your collections will be listed as options so you can filter by collection name and only images within the specified collection will be displayed. You can select "Not in a collection" to show only images not already assigned to any collection, or you can choose "All" to reset the filter and show all images.

Filter by collection options
Filter by collection options

Filter by specific collection

We have a collection called "test collection" which contains only two items like as shown below

Capture of collection grid item from “Collections” page
Capture of collection grid item from “Collections” page

Filter result on “All Images” page

Filter by collection named “test collection”
Filter by collection named “test collection”

Tag [new]

Tag filter allows you to filter images by their tags. Some of your tags will appear as options so you can select them from the "List of tag" section.

image

You can use the search bar to find other tags that are not listed in the "List of tags" section;

image

Click on the search result and the tag will be added to the "Filter" section.

image

Click the "Apply" button to apply the filter then only images which have all the selected tags will be displayed.

image

You can modify the tag filter by clicking on the "X" icon of each selected tag in the "Filter" section or you can just click on the "Clear all" button to reset the filter.

image

Liked by me (the hearth icon) [new]

The heart icon is used to filter images based on whether or not you have liked them. You can just click the icon to filter. When the heart icon is red, only images that you have liked will be displayed; otherwise, when the icon is white, that means all images will be shown (the filter has been reset).

Show All images

Show all images
Show all images

Only show images that you have liked

Only show images that you have liked
Only show images that you have liked

Collections [new]

We received a lot of feedback that we should not use auto-grouping for image generation, so we have introduced a new grouping concept called a "collection". Think of it as a folder system with more flexibility.

Collections can be used to organize images into specific categories, making them easier to find and use. Additionally, collections can be shared with other users, allowing them to access the images and collections you have created.

Collection page preview
Collection page preview

Add Image to Collection

Refer to the section for instructions on how to add an image to a collection.

View items in a Collection

On the collection page, click on an item from the list.

Click on the grid item to see details
Click on the grid item to see details

A pop-up with the collection details will then appear.

Preview of collection detail
Preview of collection detail

Collection Item (the images within) Actions

The actions described here are for individual items (images) in the collection, not for the entire collection. Most of actions are the same as before, with the addition of some new actions regarding the new collection concept. Here is a quick overview of what you can do in this pop-up view

Preview of collection items (image) action in collection detail popup
Preview of collection items (image) action in collection detail popup

Download

Refer here to understand how the download feature works

Like

  1. On the collection detail popup, click the like button
  2. image
  3. If you like the image, the button's background will become red. If you don't like the image, the button's background will return to grey.
  4. image
  5. To see who likes the image, click on the link placed in the right of the heart icon inside the like button
  6. image
  7. A list of users who have liked the image will be displayed in the popup
  8. image

Use as inspiration

Refer here to understand how this feature works.

Open in new playground

Refer here to understand how this feature works.

Edit in playground (only for the image owner)

Refer here to understand how this feature works

Edit visibility (only for the image owner)

This action works similarly to what we have described "here" except that it uses a toggle button instead of changing an icon. It works like this:

  1. On the collection detail popup, click the three dots to open the dropdown menu.
  2. image
  3. Hover over the "Edit Visibility" option and click the toggle button to turn the visibility (public or private) on or off.
  4. image
  5. You will be shown a notification that says “Changes saved”
  6. image
  7. The visibility icon on the image list will be updated to either a lock icon (for private) or a globe icon (for public) to reflect the changes we have successfully made
  8. image

Remove from collection

You can remove the image from the collection without actually deleting it. If you want to delete the image, please refer to the instructions on how to delete the image.

How to remove an image from a collection

  1. On the collection detail popup, click the three dots icon to toggle the dropdown menu.
  2. image
  3. Choose "Remove from collection" option.
  4. image
  5. The image will then disappear from the collection detail popup.
  6. The image removed from collection item list
    The image removed from collection item list
    Once the current previewed item (the image) has been removed, the next image in the collection will take its place
    Once the current previewed item (the image) has been removed, the next image in the collection will take its place

Delete (only for the image owner)

This menu is where you can delete your image directly from the collection detail view.

Be aware that this action will delete the image permanently, unlike removing it from the collection. Make sure you really want to delete it before confirming it in the delete image confirmation dialog (popup).

How to delete an image:

Refer to this section for the step-by-step instructions on how to delete an image

Sharing Collections

📌
To share your collection, you need to make it publicly accessible. By making your collection public, you allow others to view and access the images within it.

Collection Visibility

You can decide which collections you would like to make public or private. Only public collections and items within public collections will be visible to others on the internet, while private collections and items will only be seen by you.

image

Sharing Collection

Only collections with publicly-visible items can be shared and seen by everyone. If a collection is publicly accessible but has no publicly-visible items, it cannot be shared. To share the collection, you must make sure there are publicly-visible items in it

How to:

  1. To share a collection, hover your mouse over the collection thumbnail and click on the three dots icon.
  2. image
  3. Select the option "Get link to share" to get the link for the collection.
  4. image
  5. You’ll see notification that says the shared link successfully copied
  6. image
  7. Share the link with anyone you want to. The format of the link for sharing will be similar to this
  8. https://artsmart.ai/showcase/f4021ed6-4f64-4246-8704-5cc552926262/collection?open=117&sharing=1