Comprehensive List Of Website Image Name

Comprehensive List of Website Image Names

Images shape a website’s personality and user experience. They tell stories, express brand identity, and guide visitors visually through every section of a page. This guide explains the different image types used in modern web design, why they matter, and how each contributes to better navigation, recognition, and engagement.

I. Primary Layout & Branding Images

• HeroHero Image or Banner – The large photo or visual that dominates the homepage top.
• LogoLogo – The brand mark or symbol usually linked to the homepage.
• FavFavicon – The small icon visible in the browser tab or bookmark bar.
• OGSocial Share Image – The preview image that appears on social media posts.
• WideFull-width Image – An image stretching edge to edge across a screen.
• FootFooter Logo – A smaller version of the logo placed in the footer area.

II. Content & User Images

• FeatFeatured Image – The main picture attached to an article or blog post.
• InIn-line Image – Any picture embedded within the body text of a page.
• ThmThumbnail – A smaller preview image used in listings or galleries.
• SlidCarousel Image – An image shown in a rotating slider or visual sequence.
• AvaAvatar – A small profile picture representing a user or author.
• HeadHeadshot – A portrait or team member photo for “About Us” pages.

III. Functional & Design Images

• NavNavigation Icon – Simple symbols such as menu, cart, or search icons.
• CTACTA Graphic – Images that attract clicks, like buttons or promotional signs.
• BGBackground Image – Decorative visuals behind text or layout areas.
• TilePattern Tile – Small repeating graphics used for textures and patterns.
• SpotSpot Illustration – Simple art pieces that highlight services or features.
• HoldPlaceholder – A neutral image used when content is still loading.

IV. Specialized & Technical Image Types

• RespResponsive Image – Adjusts size and resolution for different devices.
• LQIPLow-Quality Placeholder – A small blurred preview that loads quickly.
• MapMap Marker – A pin or icon showing locations on digital maps.
• HoverRollover Image – Changes visually when hovered or tapped.
• DiagDiagram or Infographic – Visual explanation combining images and text.
• @Email Graphic – A logo or photo placed inside email templates.

© 2025 Digital Sam Media. All rights reserved.