Pattern Library

Styles

Images

Images are a core part of experiencing The Seattle Times on the web. From image sizes to image usage, we have defined a set of patterns that help us communicate visually.

Image Sizes

Via the photo pipeline on the web, we generate a set of image sizes that are stored in Amazon S3. The list below specifies the size name, its dimensions, and if it is cropped and how.

NOTE: Unless otherwise mentioned, an image that is cropped is weighted in the center of the image.

thumbnail

Dimensions: 150x150

Cropped: Yes

medium

Dimensions: 300x300

Cropped: Yes

medium_large

Dimensions: 768x0

Cropped: No

large

Dimensions: 1024x1024

Cropped: Yes

square_x_small

Dimensions: 100x100

Cropped: Yes (center / top)

square_small

Dimensions: 780x780

Cropped: Yes (center / top)

standard_x_small

Dimensions: 300x192

Cropped: Yes (center / top)

standard_small

Dimensions: 780x500

Cropped: Yes (center / top)

standard_large

Dimensions: 1560x1000

Cropped: Yes (center / top)

auto_x_small

Dimensions: 300x0

Cropped: No

auto_small

Dimensions: 780x0

Cropped: No

auto_medium

Dimensions: 1020x0

Cropped: No

auto_large

Dimensions: 1560x0

Cropped: No

auto_x_large

Dimensions: 2040x0

Cropped: No

social_facebook

Dimensions: 1200x630

Cropped: Yes (center / top)

social_facebook_tall

Dimensions: 474x711

Cropped: Yes

social_facebook_square

Dimensions: 316x316

Cropped: Yes

iphone_4_portrait_standard

Dimensions: 640x384

Cropped: Yes

iphone_4_portrait_standard_retina

Dimensions: 640x384

Cropped: Yes

iphone_4_landscape_standard

Dimensions: 960x576

Cropped: Yes

iphone_4_landscape_standard_retina

Dimensions: 960x576

Cropped: Yes

iphone_5_portrait_standard

Dimensions: 320x192

Cropped: Yes

iphone_5_portrait_standard_retina

Dimensions: 640x384

Cropped: Yes

iphone_5_landscape_standard

Dimensions: 568x340

Cropped: Yes

iphone_5_landscape_standard_retina

Dimensions: 1136x682

Cropped: Yes

iphone_6_portrait_standard

Dimensions: 375x225

Cropped: Yes

iphone_6_portrait_auto

Dimensions: 375x0

Cropped: No

iphone_6_portrait_standard_retina

Dimensions: 750x450

Cropped: Yes

iphone_6_landscape_standard

Dimensions: 667x400

Cropped: Yes

iphone_6_landscape_standard_retina

Dimensions: 1334x800

Cropped: Yes

iphone_6_plus_portrait_standard

Dimensions: 414x248

Cropped: Yes

iphone_6_plus_portrait_standard_retina

Dimensions: 1242x745

Cropped: Yes

iphone_6_plus_landscape_standard

Dimensions: 736x442

Cropped: Yes

iphone_6_plus_landscape_standard_retina

Dimensions: 2208x1324

Cropped: Yes

ipad_base_portrait_standard

Dimensions: 768x460

Cropped: Yes

ipad_base_portrait_standard_retina

Dimensions: 1536x922

Cropped: Yes

ipad_base_landscape_standard

Dimensions: 1024x614

Cropped: Yes

ipad_base_landscape_standard_retina

Dimensions: 2048x1228

Cropped: Yes