Skip to main content
Apply for a Cheap Website
Website explainer · 1:47

UTF-8 Explained: Unicode Text, Bytes and Consistent Encoding

Does every character take one byte to store? UTF-8 represents a Unicode code point using one to four bytes.

Jersey Web video: Characters into bytes

1:47 · No narration: the video shows each step as text on screen, and every step is written out below, with buttons that jump the video to it.

Download the on-screen text track (VTT)

The six points in the video

This is a silent video. The headings, explanations and labels below reproduce the information on screen.

  1. Step 1: Start with Unicode text

    UTF-8 is an encoding for representing Unicode characters.

    On-screen labels: Unicode text; UTF-8 encoding; Stored representation.

  2. Step 2: Allow different byte lengths

    A code point can need more than one byte.

    On-screen labels: One to four bytes; Different characters; Variable length.

  3. Step 3: Recognise ASCII compatibility

    The first 128 character values align with ASCII.

    On-screen labels: ASCII range; Matching values; Compatible text.

  4. Step 4: Count the intended thing

    A byte count and a count of visible characters answer different questions.

    On-screen labels: File bytes; Text content; Different measures.

  5. Step 5: Keep the transfer consistent

    The writing and reading systems need compatible encoding choices.

    On-screen labels: Written bytes; Declared encoding; Receiving system.

  6. Step 6: Check representative examples

    Review accented names, symbols and multilingual text after transfer.

    On-screen labels: Accented text; Required symbols; Expected result.

A practical check for your business

Agree the encoding at the file or application boundary. Check accented text and required symbols after transfer, and distinguish byte limits from counts of visible text.

Sources and further detail

Common questions

Does every character take one byte to store?

UTF-8 represents a Unicode code point using one to four bytes. Test the saved and received text using representative names and symbols.

Go further

Guide Read the practical guide More context for planning and maintaining your business website. 5 min read → Jargon Buster UTF-8 explained Read the related Jargon Buster explanation. Read the explanation →

Test the saved and received text using representative names and symbols.

Tell Jersey Web what your website needs to do and which part you want help with.

Talk to Jersey Web →

More video tips

All 205 videos →
Length 1:47 Media and performance

Video Codecs Explained: The Encoded Picture Inside a Media File

Video codecs, explained.
Length 1:47 Media and performance

Video Bitrate Explained: Data Rate, Picture Quality and Playback

Video bitrate, explained.
Length 1:47 Website accessibility

WebVTT Explained: Timed Text Tracks for Website Video

WebVTT captions, explained.