Brand
Your logos, the loading mark and the browser tab icon. Light versions show wherever the background is dark.
Online Store › Themes › Customize › Theme settings › Brand
Logo, dark
A transparent .png or .svg, any shape. 480 x 160px recommended for a wide logo, wider or taller works too. Leave empty to set the store name as a text wordmark.
Logo, light
A transparent .png or .svg, the size of the dark logo. Shown wherever the color scheme is dark (the header, the footer, the welcome screen, the password page, the loader) and while the header is transparent over a hero with light text.
Logo width
Use a different logo width on phones
Off, phones use Logo width. The header's logo only; the loading mark keeps its own size.
Logo width on phones
Small logo, dark
A square mark, such as a monogram, for small spaces: the notice, the loader and, without a favicon, the browser tab. A transparent .png or .svg, 96 x 96px recommended. Leave empty to set the store's initials.
Small logo, light
The small logo for dark backgrounds, such as the notice and the loader. A transparent .png or .svg, 96 x 96px recommended. Leave empty to use the dark one.
Loader animation
An animated GIF or WebP shown while images load and while the product page changes color. Without one, the small logo breathes there; without it, the logo; without a logo, the store name.
Favicon
32 x 32px .png recommended. Leave empty to use Small logo, dark.