Resolution
Resolution is the fineness with which values, measurements, or spatial details can be distinguished or represented.
Build a Text-to-Image Generator (from Scratch)
Image resolution is the spatial dimensions and corresponding level of discrete visual detail represented by an image.
- How it is used
- Frames image-generation output as a trade-off between spatial detail, computational cost, and latent-space efficiency.
- How deep it goes
- Traces 4 × 64 × 64 latent tensors through VAE decoding to 3 × 512 × 512 outputs and demonstrates 768 × 512 generation.
- Examples
- Uses banana rider, lion and tiger outputs, astronaut-unicorn prompts, and a 768 × 512 beach scene.
- What you can do after
- Operate/configure Stable Diffusion through diffusers, selecting width and height and inspecting latent-to-output conversion.
Read how Build a Text-to-Image Generator (from Scratch) explains resolution →
How Computers Make Books
Resolution is the density of individual image dots within a specified physical area.
- How it is used
- Connects physical printing and pixel screens to the problem of placing marks that form readable images.
- How deep it goes
- Defines dpi, calculates page dot counts, and works through how resolution changes rasterized-line quality.
- Examples
- Uses a capital A at 60, 30, and 15 dpi, a 1,200 dpi letter page, and lines of differing slopes.
- What you can do after
- Evaluate/understand why a denser dot grid improves approximations and why output devices require different renderings.
WordPress Power Toolkit: Harness AI to build next-level websites
Resolution is the amount of detail represented in a digital image or display, commonly expressed through pixel dimensions or density.
- How it is used
- Guides image preparation for websites by balancing visible detail, cropping flexibility, storage, and loading speed.
- How deep it goes
- Defines pixel density, dimensions, and file size, then applies them to web image recommendations and cropping consequences.
- Examples
- Uses cropped low-resolution imagery, a 1,920 × 1,080 background, and a 1,280 × 720 hero image.
- What you can do after
- Apply suitable image dimensions and resolution when cropping or preparing images for website display.
Read how WordPress Power Toolkit: Harness AI to build next-level websites explains resolution →
Learn Generative AI with PyTorch
The pixel dimensions of an image, used here to compare lower- and higher-resolution generated images.
- How it is used
- Compares generated-image sizes while connecting pixel dimensions to preprocessing, model inputs, and training memory.
- How deep it goes
- Defines resolution through 64 × 64 and 256 × 256 examples, then traces tensor shape and batch-size consequences.
- Examples
- Uses 64 × 64 and 256 × 256 images, 3 × 256 × 256 tensors, and resized anime-face or glasses-image datasets.
- What you can do after
- Apply resolution-aware preprocessing via PyTorch and adjust batch size when larger image tensors exceed available memory.
Read how Learn Generative AI with PyTorch explains resolution →
Related concepts
- decodeproduced by · Decoding is the process of transforming an encoded or internal representation into an interpretable or target-form output.
- thumbnailproduces · A thumbnail is a reduced-size preview image representing a larger image or other visual media item.
- ppimeasured by · Pixels per inch is a measure of the number of image or display pixels represented along one linear inch.
- VQGAN decoderproduced by · A VQGAN decoder is the image-reconstruction component that maps discrete image tokens to an output image.
- sampleconfigures · sample is a QuickCheck operation that displays generated values across a range of generator sizes.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.