Aspect ratio

As explained in Build a Website with ChatGPT

An aspect ratio is the proportional relationship between an object's width and height.

An aspect ratio is the ratio of an image’s width to its height. Preserving it keeps a resized photo from appearing stretched or squashed. section 10.2.3

Resize a thumbnail without distortion

Open a copied photo in Photos on Windows or Preview on macOS, choose the resize command, and change its width in pixels. The height changes automatically to maintain the aspect ratio. You can set the height instead and let the width adjust. section 10.2.3

Name the resized copy with “-thumbnail,” such as image01-thumbnail.jpg, so it can be identified alongside the full-size image. section 10.2.3

Figure 10.4 Use the Resize dialog to create a thumbnail version of your photo.

Use the resize dialog illustration to identify the width, height, and pixel controls used to preserve proportions. section 10.2.3

How Build a Website with ChatGPT covers it

How deep it goes

Defines the width-to-height relationship and demonstrates automatic dimension adjustment, without developing ratio calculations.

Examples

Uses copied photos, thumbnail filenames, pixel dimensions, and Photos or Preview resize dialogs.

What it assumes

Assumes a photo file and basic ability to copy, rename, open, and resize it in a desktop image application.

What you can do after

Operate/configure image resizing to create undistorted thumbnails with automatically adjusted dimensions.

How it connects

Connects aspect ratio with image resizing, photo thumbnails, and photo galleries.

liveBookmanning.com

Read Build a Website with ChatGPT on liveBook Get the book at manning.com

Also explained in

• 

  liveBookmanning.com
  WordPress Power Toolkit: Harness AI to build next-level websitesAn aspect ratio is the proportional relationship between the width and height of an image or other rectangular visual area.

Compare how 2 books explain aspect ratio →

Related concepts

• ratiokind of · A ratio is a quantitative comparison of two quantities expressed through their relative sizes or quotient.
• image sizeconfigured by · Image size measures an image’s storage requirements or its physical and pixel dimensions, depending on context.
• image generationconfigures · Image generation is the computational creation of new images from learned models, input data, or specified conditions.
• cropproduced by · Cropping is an image-processing operation that removes portions of an image to retain a selected subregion.
• Midjourneyconfigured by · Midjourney is a generative artificial-intelligence service that creates images from natural-language prompts and other user-provided inputs.

This explainer was generated by Manning's knowledge graph from the text of Build a Website with ChatGPT. The section links point to the parts of the book it draws on.