Multimodal LLMs (Vision)
AI Engineer path · lesson 63 of 124Slice an image into patches and watch it become tokens, follow attention flowing between words and pixels, and price what a screenshot really costs in context.
Key insight
The vision encoder turns an image into a few hundred patch embeddings — nothing more magical than "visual words." Anything smaller than a patch (a 6-pixel-tall word, a hairline chart tick) is blurred into its tile, which is the root of most small-text failures.
How an image reaches the LLM
Fill in the missing stages of the vision path.
Tap a piece, then tap where it goes — or drag it. Tap the tray to take one back.
Input image
LLM, alongside text tokens
Test your knowledge
How does an image enter a vision-language model?
The short version
An image enters the model the way a mosaic enters a description: broken into tiles, each tile summarized as a "visual word", and the words read in order alongside your question. Big tiles read fast but blur the details; small tiles keep detail but take far more words.
In more depth
Multimodal LLMs (Vision)
A language model only understands tokens, so multimodal models make every modality look like tokens.
The pipeline
Engineering consequences
Interview Questions
References & Further Reading
Related topics
Love this visualization?
Sign up to track your progress, earn achievements, use the AI assistant, and access your personal learning dashboard.
100% free • No credit card required