--- title: "Uploading Image Assets" slug: "uploading-image-assets" description: "Enhance your funnels with images in ClickFunnels! Learn to effectively upload, organize, and use images to engage visitors and boost your brand." tags: ["audio files", "digital assets"] updated: 2025-08-27T14:56:00Z published: 2025-08-27T14:56:00Z canonical: "support.myclickfunnels.com/uploading-image-assets" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.myclickfunnels.com/llms.txt > Use this file to discover all available pages before exploring further. # Uploading Image Assets Adding images to your funnel pages can enhance your brand, communicate ideas visually, and engage visitors more effectively. With ClickFunnels, you can easily upload and manage your image assets in one central location. In this article, you'll learn how to upload image files, organize them, and use them inside the page editor. ![](https://cdn.document360.io/e3762771-4bea-47c2-a830-5473d543417a/Images/Documentation/image-MAKMG0H0.png) --- ## Requirements - An active ClickFunnels account - An image file for uploading (accepted formats include: `jpg`, `png`, `svg`, `gif`, `webp`, and `ico`) - Maximum image file size: 10MB --- ## Uploading an Image 1. From your ClickFunnels dashboard, navigate to **Workspace Settings**. 2. Select **My Assets**. 3. Click on the **Images** tab. 4. Click the **Upload Image** button in the top-right corner. ![](https://cdn.document360.io/e3762771-4bea-47c2-a830-5473d543417a/Images/Documentation/image-56YWTL1V.png) 5. In the **New Image** modal, fill in the image attributes: - **Folders**: Choose or create a folder to help categorize your image. > [!WARNING] > IMPORTANT > > Folder names must be unique. Folder names are case-insensitive, so “AI Generated” and “ai generated” are treated as the same. If you create a folder that already exists, the system will still create the tag but automatically add a suffix to make it unique. > > - Example: Creating a folder called **“AI Generated”** when one already exists will create **“AI Generated (Duplicate)”**. > - Additional duplicates will be numbered: **“AI Generated (Duplicate 2)”**, **“AI Generated (Duplicate 3)”**, etc. - **Image Name**: Provide a descriptive name to identify the image later. > [!TIP] > Tips: > > A clear and consistent naming convention is essential for managing and retrieving your image files efficiently, especially as your content library expands. Use a format that reflects your content structure, such as “`Funnel Name - Page Name - Image name`” (e.g., “`WWM - Optin - Banner`”). This practice helps you quickly identify and manage your files, making it easier to add them to lessons and courses. - **Image alt attribute**: Write a brief description for accessibility and SEO. 6. Click **Select Image** under the File section and choose an image from your device. You can select one image at a time to upload. The recommended file size is less than 3MB to optimize loading speed and ensure a smooth user experience across devices. The maximum file size can be 10MB. Accepted formats include` .png`, `.jpg`, `.webp`, `.gif`, and `.ico`. 7. Once you're ready, click **Create Image** to upload it. ![](https://cdn.document360.io/e3762771-4bea-47c2-a830-5473d543417a/Images/Documentation/image-R37QJFXN.png) Once uploaded, your image will appear in the list of image assets with details like file name, size, upload date, etc. --- ## Managing Images To help you keep track of your files, ClickFunnels displays each uploaded image in a sortable table with columns for filename, image alt attribute, height, width, and upload date. ![](https://cdn.document360.io/e3762771-4bea-47c2-a830-5473d543417a/Images/Documentation/image-E6NFA4EE.png) You can manage and locate specific images using the following tools: - **Search Bar**: Enter any part of the image filename to locate a specific image quickly. - **Filter Button**: Click the **Filter +** button to open filter options. You can filter by attributes such as folder, name, creation date, and update date. - **Folders**: Organize images into folders and use the filter to view images by folder. - **Sort Options**: Use the dropdown to sort by name, size, or date added. - **Image Actions**: Use the gear icon next to each image to rename, delete, or view details. These features help you stay organized, especially when managing large volumes of image assets across different funnels. --- ## Using Images in the Page Editor To use an uploaded image on a page: 1. Open the page you want to edit. 2. Click the orange **+** **Plus** or **Add New Element** button inside the row to insert a new element. 3. From the **Media** category, select the [**Image**](/v1/docs/image-adding-and-managing-images) element. ![](https://cdn.document360.io/e3762771-4bea-47c2-a830-5473d543417a/Images/Documentation/image-43E6EJ50.png) 4. Hover the image element and click the **Gear** **⚙️** icon to access the image settings. 5. In the **Image URL** field, click the Image icon to view uploaded images. ![](https://cdn.document360.io/e3762771-4bea-47c2-a830-5473d543417a/Images/Documentation/image-6T5AGYII.png) 6. Select an uploaded image from your assets or upload a new one. You can also select a folder from the left side of the navigation to find the specific images tagged in a folder. > [!NOTE] > Note: > > If you upload an image directly through the image element in the page editor, it will automatically be added to your image assets for future use. ## Related - [Image: Adding and Managing Images](/image-adding-and-managing-images.md) - [Uploading Digital Assets](/uploading-digital-assets.md) - [Uploading Files - File Type and Size Limits](/uploading-files-file-type-and-size-limits.md)