Cannabis is a visual sale, so the photos have to do real work: shoot your own product and store instead of leaning on stock, serve everything as WebP or AVIF, set width and height so nothing jumps, and lazy-load what sits below the fold. Good media should sell the product without dragging the page down with it.
Shoot your own product, not stock
Shoppers can spot a stock cannabis photo instantly, because the same close-up of a nameless nug turns up on a hundred menus. Real photography of your actual jars, your trim, your storefront, and the people behind the counter does something stock never will: it tells the shopper this is a real operation that has handled the product. A dispensary that swapped the stock buds on its top ten SKUs for phone photos of the real jars on a plain backdrop saw those product pages start to feel like a store rather than a template. You do not need a studio. Consistent lighting and a clean background beat a glossy image that belongs to nobody.
Serve the right format and size
The fastest way to wreck an image-heavy menu is to ship full-resolution JPEGs. Convert product and blog images to WebP, or AVIF where your platform supports it, and you keep the visual quality while cutting the file size by more than half. Size the file to how it actually displays too, a thumbnail does not need to be a 2000-pixel-wide original scaled down in the browser. Image weight is almost always the reason a cannabis menu feels slow, so this is where the biggest wins hide.
Stop the page from jumping
Set width and height attributes on every image. When you leave them off, the browser does not know how much room to save, so the page reflows as each photo loads and the content the shopper was reading slides down the screen. That is Cumulative Layout Shift, and it is what makes someone tap the wrong product or the wrong button on the way to checkout. Reserving the space up front is a small edit — and it fixes a truly annoying problem.
Lazy-load everything below the fold
The shopper only sees the top of the page first, so only the top needs to load first. Lazy loading tells the browser to hold off on images further down until the shopper scrolls toward them. On a long category page that is the difference between loading three images and loading forty before anything is usable. Let the hero and the first row load immediately, then lazy-load the rest.
Key takeaways
- Real photos of your product, shop, and staff build trust that stock photos cannot.
- WebP or AVIF plus correctly sized files fix the image weight that slows most menus.
- Width and height on every image stops layout shift at checkout.
- Lazy-load below-the-fold media so long pages become usable fast.
Frequently asked questions
Should a dispensary use stock photos?
Use them sparingly and never for the products you actually sell. Shoppers recognize the generic weed close-up that shows up on a hundred other sites, and it reads as a store that has never handled its own inventory. Your own photos of your jars, your budtenders, and your shop build the trust stock cannot.
What image format should cannabis pages use?
WebP for most product and blog images, AVIF where your platform supports it. Both hold visual quality at a fraction of the file size of a JPEG or PNG, which is the difference between a menu that loads instantly and one that crawls on a phone.
How do I stop images from making the page jump around?
Set explicit width and height attributes on every image so the browser reserves the space before the file loads. Without them the page shifts as each image arrives, which spikes Cumulative Layout Shift and makes shoppers tap the wrong thing on the way to checkout.
Want this done for your brand?
We build cannabis & CBD search visibility with full transparency, for dispensaries, brands, and MSOs.
Get a free cannabis SEO audit ›