Outline images

Outline images tool
Outline images tool

Purpose of this tool

This tool can be used to outline various images displayed on a page.

Requirements to use this tool

To use this tool, a user should have "Toolkit For Web Developer" chrome extension installed on their web browser.

To download and install "Toolkit For Web Developer", please visit our download page: Download Toolkit For Web Developer

Supported document types

Document type Supported
main document yes
iframe elements yes
shadow dom yes

Nested shadow elements and nested iframe elements are not fully supported by this tool.

This tool also does not support shadow root opened with the closed mode.

Information about various features provided in this tool

Given below is the information about various outlining tools and how to use them.

Outline all images

This tool will outline all images displayed on a page.

Outline background images

This tool will outline all background images displayed on a page.

Outline images with adjusted dimensions

This tool will outline all images with adjusted dimensions displayed on a page.

Outline images with empty alt attributes

This tool will outline all images with empty alt attributes displayed on a page.

Outline images with oversized dimensions

This tool will outline all images with oversized dimensions displayed on a page.

Outline images without alt attributes

This tool will outline all images without alt attributes displayed on a page.

Outline images without dimensions

This tool will outline all images without dimension displayed on a page.

Steps to start "Outline images" tool

  • After visiting a specific page right click on it.
  • This will open context menu of "Toolkit For Web Developer" extension.
  • Click on "Open content tools" from context menu this will add a content tool window on a user's screen.
  • Select "Outline images" tool from the left drawer menu.
  • After that, "Outline images" tool will be shown on right side of the window.
Other Posts