CSS Pro
  • Initial page
  • Quick Start
    • Installing it
      • On Google Chrome
      • On Firefox
      • On Safari
  • Inspecting
    • Choosing what happens when you click on an element
    • Inspecting invisible, overlapping, and parent elements
    • Comparing multiple elements at the same time (Pinning)
    • Measuring distances and checking alignments
    • Inspecting animations
    • Identifying fonts
  • Editing
    • Code Editor (Code tab)
      • Forcing a state or pseudo
    • Visual Editor (Design tab)
      • Editing media queries and pseudo states
      • Editing backgrounds
      • Auto unit conversion
    • HTML Editor (HTML tab)
    • Handling CSS changes
    • Editing texts
    • Removing elements
  • Copying
    • Copying CSS and HTML
    • Exporting elements
    • Downloading page assets (images)
    • Copying colors
  • License
    • Managing your license activations
    • Retrieving your license key (forgot)
  • Subscription
    • Switching from the monthly to the annual plan
    • Canceling your subscription
Powered by GitBook
On this page

Was this helpful?

  1. Copying

Downloading page assets (images)

PreviousExporting elementsNextCopying colors

Last updated 1 year ago

Was this helpful?

You know when you want to save a picture but there's no option to "Save Image As"?

That's because the picture is in the background, then you'll have to dig the code to find it.

Well, no more.

Easily download any image from a website without having to dig the code.

CSS Pro gathers all images for you by analyzing background images, <img> tags, svgs, og-images, favicons, and even HTML attributes.

How to see and download the assets of a website

Step 1. With CSS Pro opened, click on "Assets" on the menu

To download all assets:

Step 2. Click on "Save All" at the top of the Assets window

To download a specific asset:

Step 2. Find the asset you want to download and hover over it

Step 3. Click on "Save"