University
Log in
Search
⌘E
My learning
Try Webflow — it's free
Learn
Courses
Learning Paths
Videos
Docs
Resources
Certifications
Webflow University Pro
Interactive Learning
Glossary
The Webflow Way
Engage
Support
Community
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
Glossary
JPEG XL

JPEG XL

JPEG XL is a royalty-free image format that compresses photos and graphics into smaller files than JPEG at similar quality. It supports lossy and lossless compression, transparency, animation, and HDR color.

It can also convert an existing JPEG into a JPEG XL file without losing any quality, so you can shrink an image library without re-exporting. Chrome 155 and Firefox 158 turned on support by default in October 2026, and Safari has supported it for longer. Browsers that do not support it need a fallback such as PNG or JPEG, so check support before you rely on it for a live site.

Relevant courses

No items found.

Other glossary terms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Last updated

→
The last time someone made a change to your site.

Conditional

→
Conditionals, also known as conditional statements or expressions, are coding instructions that tell a program to execute an action for a certain condition.

Backlink

→
A backlink, also referred to as an inbound link, is a hyperlink from one website to another website.

Flex-direction

→
Flex-direction is a CSS property that defines the main axis and direction of flex items, dictating the arrangement of the items within a flex container.

External link

→
External links direct users to different websites and impact a site's search engine visibility and rankings.

Ligature

→
A ligature in typography groups adjacent letters or characters into one glyph.

AJAX

→
Asynchronous JavaScript and XML (AJAX) is a web development approach that combines technologies to allow web content to update without reloading.

Collection limits

→
By default, Collection lists display all items in a Collection, but you can add limits to control the number of Collection items that display.

Meta title

→
A meta title is an HTML element that defines a web page's title and appears in browser tabs and search snippets on search engine results pages (SERPs) as a clickable headline.

Beacon

→
A beacon — also called a web beacon or web bug — is an HTML-embedded object that tracks user behavior on a web page.

Cloneable site

→
Cloneable sites are open source (made available under the CC0 (“no rights reserved”) license). When you enable cloning, you allow any user to copy, modify, and use any part of your site for personal or commercial purposes.Sites with cloning turned off do not give others access to copy your site or open it in the Designer.

Ancestor

→
Any element that is further up the element hierarchy of the document tree. For example, the Body element is the ancestor of all elements on the Designer canvas.

Utility pages

→
Utility pages are default, customizable templates for your site’s 404 page, Password page, and Search results page.

Section

→
A section is an element of design layout that divides a web page into visually distinct segments.

Designer

→
The main interface where you can build sites.

Hypertext transfer protocol secure (HTTPS)

→
Hypertext Transfer Protocol Secure (HTTPS) is a secure protocol facilitating encrypted exchanges of information between web browsers and servers.

Margin

→
Margins are an essential spacing element of web design, dictating the amount of whitespace between a box and its surroundings.

Columns

→
Columns let you create sections of content that sit side by side on your website, like the columns in newspapers. You can choose how many columns you want and their widths. You can also control how they display on smaller screens — such as stacking them.

Maximum height (max height)

→
The “max-height” CSS property defines an element’s maximum height.

Lightbox

→
A lightbox displays content in a popup or modal window on top of a web page’s main content.

Required field

→
You can set any Collection field as "Required," which means that a value must be added to that field in the Collection item before it can be published. The only Collection field that cannot be made required is the Switch field.

Image

→
A Webflow element that displays graphical files on your website.

Left margin

→
Left margin is a CSS property that defines the space between an element's left edge and its surroundings.

Page name

→
The title of a page in your site. This is visible in the Pages panel.

Attribute

→
An attribute in HTML is a term inside an opening tag of an element, such as a font or color, that provides additional information about the element.

Fold

→
The fold distinguishes the visible portion of the webpage immediately visible to users without scrolling from the remaining content viewable by scrolling down.

Pagination settings

→
Through the pagination settings, you can preview Collection list pages by choosing the page number from the page dropdown list, or you can switch to the previous or next page using the arrow keys.

ASCII

→
The American Standard Code for Information Interchange (ASCII) is an encoding standard that assigns numerical values to characters and translates them into computer-readable code.

Webflow Editor

→
Webflow's visual content editor. You can access it through the Webflow Dashboard by clicking the “3 disclosure dots” on a site thumbnail, then clicking “Editor.” Guest editors can access it anywhere on their live site by adding ?edit after the page URL (e.g., yoursite.com/page/?edit).

Behavioral targeting

→
Behavioral targeting is a marketing technique that leverages user data to deliver personalized ads to drive conversions.

Select field

→
A form element that allows you to make a selection in a dropdown list.

Breadcrumb

→
A breadcrumb, or breadcrumb trail, is a navigational element representing a user’s current location within a website's hierarchical structure.

RSS

→
Really Simple Syndication (RSS) is a web format that automatically distributes frequently updated content to subscribers, eliminating the need for subscribers to check the website manually to stay up to date.

Element

→
Elements are individual HTML components that constitute a webpage’s structure and contents.

Minimized CSS

→
A method of lowering the file size of your stylesheet(s) by removing all white space from your CSS files.

Typography

→
A section in the Add panel that houses typography elements such as headings and paragraphs.

Language code

→
A language code is a standardized code of letters and numbers that represent different languages.

Twitter button

→
A Webflow element that embeds a Twitter Follow or Tweet button into your site.

Switch field

→
Available in CMS Collections. This field offers you a powerful filtering tool for Collection items. For example, you could create a switch labeled "Featured?" for Blog Posts, and then switch on the toggle to showcase particular posts.

Webflow branding

→
A visible “Made in Webflow” badge displayed in the bottom right corner of Webflow sites. Webflow branding also appears in the site’s HTML. Learn more about Webflow branding.

Robots.txt

→
A robots.txt file instructs search engine crawlers which webpages and sections they can or can't crawl and index.

Certified

→
A digital certificate is a data file embedded in the site that signals the site’s safety to visitors, internet service providers (ISPs), and servers.

Flex-justify

→
A flexbox property that lets you customize the alignment behavior of flex children, based on the main axis of the flex container — that is, whatever you defined as the flex-direction. Options include start, center, end, baseline, and stretch.

Library

→
A Library is a shared collection of components, styles, and assets that you can install across multiple sites in a Workspace, so updates to it can propagate everywhere it's installed.

Bad neighborhood

→
Bad neighborhoods are groups of websites that search engines have downgraded because they violate search engine guidelines.

Descendant selector

→
A descendant selector is a CSS (Cascading Style Sheets) selector that targets elements nested inside a parent element.

Left toolbar

→
The vertical bar of tools on the left side of the Webflow Designer. It holds the Add panel, Symbols panel, Navigator panel, Pages panel, CMS panel, Ecommerce panel, Assets panel, Settings panel, Site Activity log, Audits, Search, Video tutorials, and Help.

Total Site Pages

→
The amount of pages your site currently has.

Tablet breakpoint

→
A Webflow canvas setting for creating styles that affect viewports with a minimum width of 768px and a maximum width of 990px. Also known as the tablet media query.

Password protection

→
Password protection is a security feature restricting certain website areas to authorized users, requiring a secret phrase or key to access them.

Responsive design

→
Responsive web design (RWD) is a web development and design approach to create websites, applications, and user interfaces (UIs) that display and function effectively on any device or screen size.

Syntax

→
Syntax is the name for the rules specifying a programming language's structure and formatting.

Display: flex

→
The most flexible display property in CSS is the aptly named display: flex, which allows you to create flexible layouts with elements that you can align and distribute vertically or horizontally.

JSON

→
JSON, short for JavaScript Object Notation, is a human-readable, lightweight format for recording, storing, and exchanging data.

Right margin

→
Right margin is a CSS property that defines the space between the right edge of an element and its surroundings.

Bug

→
A bug is an error, fault, or flaw in an application or software that causes the program to behave unexpectedly, often producing inaccurate and invalid output.

Subdomain indexing

→
When a search engine crawls your site's Webflow subdomain (e.g., your-site.webflow.io).

Display property

→
Display properties operate like instructions that tell a browser how to display the different parts of a webpage. You can customize an element’s appearance and layout by changing its display property.

Serialization

→
Serialization is the process of converting data into an optimized format for storage, transmission, and sharing.

Preview mode

→
A feature that allows you to see how your site would be displayed in a browser without needing to publish your site or leave the Designer.

Read-only link

→
A way for others to test/debug your Webflow site in the Designer without being able to save or make permanent changes.

Asynchronous

→
Asynchronous programming is an approach where programs simultaneously run multiple operations independently without waiting for previous tasks to complete.

Comment

→
A comment is a text note in source code that offers context, internal information, or other guidance to any developers using it.

404 page

→
A 404 page is an error page a visitor sees when they try to access a non-existent or broken URL on a website.

Inline Frame (iframe)

→
An inline frame is an HTML element that embeds an HTML document within another webpage.

Display: inline

→
The display: inline CSS property is a display option that controls an element’s appearance and layout.

Resource Description Framework (RDF)

→
The Resource Description Framework (RDF) is a standardized framework developed by the World Wide Web Consortium (W3C) that facilitates automated data exchange between web systems and applications.

Compile

→
Compiling is the process of converting code from a high-level programming language into a low-level language that computers can understand.

Gamut

→
Color gamut describes the full range of colors a device can reproduce on its display.

AEO

→
AEO (Answer Engine Optimization) is the practice of optimizing content so it gets surfaced and cited by AI answer engines like ChatGPT, Claude, and Gemini, the AI-era counterpart to traditional SEO.

Hyperlink

→
Hyperlinks are clickable elements that allow users to navigate between web pages, documents, or other types of digital content.

Receipt emails

→
Email confirmations you receive upon making Webflow payments.

Translation memory

→
Translation memory is a database of previously translated text that is reused when the same source text appears again, saving time and keeping wording consistent across pages and languages.

HyperText Markup Language (HTML)

→
A standard markup language that web browsers use to display websites.

Synchronous

→
Synchronous programming refers to sequentially executed operations.

Duplicate element

→
To copy an element and its content, styles, and settings.

A/B testing

→
A/B testing compares two different versions of something — like a web page or campaign — to determine which performs better.

calc() CSS function

→
The calc() function is a CSS function that does math with mixed units, such as 100% minus 40px, to set a value.

Abstraction

→
In object-oriented programming (OOP), abstraction conceals irrelevant details so they don’t interfere with the task at hand.

Item state

→
The default UI state for Collection lists, which displays the items in the Collection. It is the opposite of the empty state.

Null

→
“Null” represents the absence of a value or the presence of invalid objects in computer science and web development.

Common targets

→
All elements on the page targeted by the same selector.

Domain-Specific Language (DSL)

→
A Domain-Specific Language (DSL) is computer script that solves software problems in a specific domain.

Empty elements

→
Empty or void elements are HTML elements that don’t require a closing tag because they contain no content.

Display: grid

→
The display: grid CSS property defines a website element (such as a button or header) as a grid container.

Automagically

→
Automagically describes complex content or functions that appear as if they were created using magic.

AI credits

→
AI credits are the metered unit used to track usage of AI-powered features, with usage typically visible by user, project, or date range.

Inline style

→
Inline style applies CSS to an individual HTML element using the "style" attribute within the HTML tag.

Em

→
An em in CSS is a scalable and relative unit of measurement that defines the size of an element relative to its parent's font size.

Display: none

→
Display: none is a CSS property that hides website elements. This code tells the document flow to ignore the element entirely, making it invisible.

Variable font

→
A variable font is a single font file that contains multiple weights, widths, or styles, letting you adjust typography continuously instead of loading a separate file for each variant.

End user

→
An end user is an individual or group who directly interacts with a particular product, service, or user interface (UI), such as a website or application.

Head code

→
Custom code that's added just before the closing </head> tag in your site's HTML file. Learn more about custom code in head and body tags.

Class

→
A class is a template that defines variables for objects with similar properties.

BiDi

→
BiDi stands for bidirectional. When a document is BiDi, it supports text that reads from right to left and left to right.

Reference field

→
A CMS field used in Collections. This powerful field allows you to link to other Collections within your website to populate fields in Collection lists and Collection pages.

Algorithm

→
An algorithm is a set of rules or steps that help solve problems or carry out specific tasks.

Graphical User Interface (GUI)

→
A Graphical User Interface (GUI) is a visual medium that enables visual interaction with software applications or electronic devices through elements like icons, buttons, and menus.

Dynamic element

→
Dynamic elements are web page components that can change based on user interaction or external factors, like a live news feed, without requiring a page refresh or reload.

JavaScript

→
JavaScript is a programming language web developers use to create dynamic interactions and effects for web pages and applications.
Hmm…we couldn’t find any results. Try a different search term or reset the filter.
Reset the filter
Load more