Why DPI settings for resolution in Matplotlib? - Purpose & Use Cases

The Big Idea

Want your data charts to look sharp and professional every time you save them?

The Scenario

Imagine you want to save a picture of your data chart to share with friends or include in a report. You try saving it, but the image looks blurry or too small when printed or zoomed in.

The Problem

Without controlling the resolution, your saved images can be unclear or pixelated. Manually guessing the right size and quality is slow and frustrating, often leading to wasted time and poor results.

The Solution

Using DPI settings lets you easily control the sharpness and clarity of your saved images. You can make your charts look crisp on screens and printouts without trial and error.

Before vs After

✗ Before

plt.savefig('chart.png')

✓ After

plt.savefig('chart.png', dpi=300)

What It Enables

You can create clear, professional-quality images of your data that look great everywhere, from presentations to printed reports.

Real Life Example

A teacher saves a graph of student scores with high DPI so it prints clearly on handouts, making it easy for students to read and understand.

Key Takeaways

DPI controls image sharpness and size.

Manual saving often leads to blurry images.

Setting DPI ensures clear, professional visuals.

Practice

1. What does the dpi parameter control in matplotlib plots?

easy

A. The type of plot (line, bar, scatter)

B. The color scheme of the plot

C. The resolution or sharpness of the saved or displayed plot

D. The size of the plot in inches

Solution

1. Step 1: Understand the role of DPI in images

   DPI stands for dots per inch and controls how many pixels are used per inch in an image, affecting sharpness.

2. Step 2: Relate DPI to matplotlib plots

   In matplotlib, setting dpi changes the resolution of the saved or displayed plot, making it sharper or blurrier.

3. Final Answer:

   The resolution or sharpness of the saved or displayed plot -> Option C

4. Quick Check:

   DPI controls resolution = D [OK]

Hint: DPI means dots per inch, controlling image sharpness [OK]

Common Mistakes:

• Confusing DPI with plot size
• Thinking DPI changes plot colors
• Assuming DPI changes plot type

2. Which of the following is the correct way to save a matplotlib plot with 300 DPI resolution?

easy

A. plt.savefig('plot.png', dpi='300')

B. plt.save('plot.png', dpi=300)

C. plt.savefig('plot.png', resolution=300)

D. plt.savefig('plot.png', dpi=300)

Solution

1. Step 1: Recall the correct function to save plots

   The correct function to save a plot in matplotlib is plt.savefig().

2. Step 2: Check the parameter for resolution

   The parameter to set resolution is dpi, so the correct syntax is plt.savefig('filename', dpi=300).

3. Final Answer:

   plt.savefig('plot.png', dpi=300) -> Option D

4. Quick Check:

   Use plt.savefig with dpi=300 = A [OK]

Hint: Use plt.savefig(filename, dpi=number) to set resolution [OK]

Common Mistakes:

• Using plt.save instead of plt.savefig
• Using 'resolution' instead of 'dpi'
• Passing dpi as a string '300'

3. What will be the size in pixels of a saved plot with figsize=(4,3) inches and dpi=200?

medium

A. 4 x 3 pixels

B. 800 x 600 pixels

C. 200 x 150 pixels

D. 1000 x 750 pixels

Solution

1. Step 1: Calculate width in pixels

   Width in pixels = width in inches * dpi = 4 * 200 = 800 pixels.

2. Step 2: Calculate height in pixels

   Height in pixels = height in inches * dpi = 3 * 200 = 600 pixels.

3. Final Answer:

   800 x 600 pixels -> Option B

4. Quick Check:

   Pixels = inches * dpi = 800x600 [OK]

Hint: Multiply inches by dpi for pixel size [OK]

Common Mistakes:

• Confusing dpi with inches
• Multiplying dpi by 100 instead of inches
• Using dpi as pixel count directly

4. Identify the error in this code snippet that tries to save a plot with 150 DPI:

import matplotlib.pyplot as plt
plt.plot([1,2,3],[4,5,6])
plt.savefig('myplot.png', dpi='150')

medium

A. dpi value should be an integer, not a string

B. plt.plot syntax is incorrect

C. Filename must be .jpg not .png

D. Missing plt.show() before saving

Solution

1. Step 1: Check the dpi parameter type

   The dpi parameter expects an integer number, but here it is passed as a string '150'.

2. Step 2: Understand impact of wrong type

   Passing dpi as a string may cause a type error or unexpected behavior when saving the plot.

3. Final Answer:

   dpi value should be an integer, not a string -> Option A

4. Quick Check:

   dpi must be int, not string = A [OK]

Hint: dpi must be a number, not quoted text [OK]

Common Mistakes:

• Passing dpi as string instead of int
• Thinking plt.show() is needed before savefig
• Assuming file extension affects dpi

5. You want to save a plot with a fixed pixel size of 1200x900 pixels. Which combination of figsize and dpi will achieve this?

hard

A. figsize=(6,4.5) and dpi=200

B. figsize=(12,10) and dpi=100

C. figsize=(10,8) and dpi=120

D. figsize=(8,7) and dpi=150

Solution

1. Step 1: Understand pixel size formula

   Pixels = figsize (inches) * dpi. We want 1200 x 900 pixels.

2. Step 2: Check each option's pixel size

   A: 12*100=1200, 10*100=1000 (wrong)
   B: 6*200=1200, 4.5*200=900 (correct)
   C: 10*120=1200, 8*120=960 (wrong)
   D: 8*150=1200, 7*150=1050 (wrong).

3. Final Answer:

   figsize=(6,4.5) and dpi=200 -> Option A

4. Quick Check:

   Pixels = inches * dpi = 1200x900 [OK]

Hint: Pixels = figsize * dpi; pick balanced values [OK]

Common Mistakes:

• Choosing too large figsize with low dpi
• Ignoring pixel size formula
• Assuming dpi alone sets pixel size