Website Graphics Design UK

Graphics for the website you already have

Not every website needs rebuilding. Often the structure is fine but the graphics are tired, inconsistent with a new brand, or too heavy for the page to load quickly. This service is for that: new visual assets that drop into your existing WordPress, Shopify, Wix, Squarespace or custom site.

We design hero images and homepage banners, promotional and seasonal banners, category and collection headers, service icons, small illustrations, blog header images, trust badges and the share images that appear when someone posts your link on social media. If you need a complete new website instead, the main dijitul agency designs and builds them at dijitul.uk.

Fast-loading images: formats and sizes

Images are usually the heaviest part of a web page, and the hero image is often what Google measures as the Largest Contentful Paint. Google's web.dev guidance says a good Largest Contentful Paint is 2.5 seconds or less, so a 4 MB hero photo is a real problem. We export every graphic with weight in mind:

• WebP or AVIF for photographic images: modern formats that are much smaller than JPG at similar quality, supported by current browsers.
• SVG for logos, icons and flat illustrations: tiny files that stay crisp at any size.
• PNG only where transparency is needed and SVG isn't suitable.
• Two sizes for most images, standard and double-density, so your developer or platform can serve the right one with srcset.
• Sensible maximum widths: a full-width hero rarely needs to be more than about 2560 px wide.

All screen graphics are RGB in sRGB, which is what browsers expect.

Designing banners for phones first

Most website platforms crop a wide banner differently on a phone, often cutting off the sides. A headline placed on the left of a desktop banner can disappear entirely on mobile. We handle this in one of two ways, depending on your platform:

• Separate desktop and mobile images, which Shopify themes and most page builders allow, with the text set for each.
• Text as live HTML over a background image, so the words reflow instead of being cropped. This is also better for accessibility and search.

Either way we mark a focal point so the important part of the photo stays in view, and we check contrast so overlay text stays readable against the image.

Share images, icons and alt text

When someone shares your page on Facebook, LinkedIn or WhatsApp, the platform shows an Open Graph image. Facebook's developer documentation suggests around 1200 x 630 px, and the same size works well elsewhere. Without one, the platform guesses, often badly. We design a default share image for your site and templates for blog posts, keeping text large and central so it survives each platform's crop.

Service icons are drawn as a matching set; see icon design for how we build them. For each graphic we also suggest alt text that describes its purpose, which helps screen reader users and gives search engines context. Photography for your site, such as products, premises or team headshots, is covered by our product photography and headshot photography services.

Where you have product or team photos already, we can retouch, crop and colour-match them so they sit comfortably alongside new graphics, rather than every image on the site looking like it came from a different source.

Price and handover

Website graphics are charged at £45 an hour + VAT, quoted as a fixed price once we know how many graphics you need and which platform they're for. You receive web-ready files named and sized for your site, the mobile versions, suggested alt text and editable source files. Files are ready for you or your web developer to upload.

Matching graphics for your other channels are on our social media graphics and email newsletter design pages. Ask for a quote.

What you get

• Hero and banner images with separate desktop and mobile versions
• Promotional, seasonal and category banners
• Service and feature icons as optimised SVG
• Blog and article header images
• Open Graph share images at 1200 x 630 px
• Files named and sized for your platform, with suggested alt text
• Editable source files for future updates

How it works and what it costs

Logos from £150, brochures from £295, photography from £295 a half day and CAD at £45 an hour, all + VAT. You get a fixed price before we start.

1. Tell us the brief

   What it is for, who will see it, where it will be used and any examples you like. Rough is fine.

2. Fixed price

   We confirm the price and what you get, in writing, before any work starts.

3. First designs

   We design, shoot or model it and share the first version for your comments.

4. Refine

   We make the changes, check every detail, and prepare the files properly for print, web or manufacture.

5. Final files

   You get the finished files in the formats you need, ready for your printer, website, social channels or manufacturer.

Related