PNG and JPG images are useful when Gerber data needs to appear in normal documentation instead of a CAM viewer. A rendered board image can go into a README, assembly note, forum question, support ticket, datasheet, or release checklist. The image is easy to view on any device, while the original Gerbers remain the files used for manufacturing.
For most PCB screenshots and renders, PNG is the better target. Gerber artwork is line art: flat colors, sharp edges, small text, pads, traces, and holes. PNG stores that cleanly without compression artifacts. JPG can be acceptable for casual sharing, but it introduces fuzzy edges and ringing around high-contrast features. If you need JPG because a site only accepts JPG, export PNG first and convert a copy afterward.
The fastest direct method is this site's Gerber viewer. It can load a ZIP or loose Gerber files, render the visible board, and export the view as PNG from the export menu. If you are new to Gerber file extensions, start with how to open Gerber files before choosing which layers to show.
Quick answer
Open the Gerber ZIP in the viewer, choose the layer visibility, colors, zoom, and side you want, then use Export → PNG. Use PNG for crisp documentation. Convert the PNG to JPG only when a destination requires JPG.
Method 1: export PNG from this viewer
- Open the Gerber viewer in your browser.
- Drag in the Gerber ZIP from your PCB export, or load the loose Gerber and drill files together. A ZIP is usually easier because it keeps all layers in one package.
- Wait for the viewer to parse the layers. Confirm that top copper, bottom copper, solder mask, silkscreen, board outline, and drill data appear as expected for the image you want to create.
- Use the layer controls to show a single layer or a composite board view. For example, a top-side documentation image often shows top copper, top mask, top silkscreen, drill holes, and the outline.
- Adjust colors and visibility so the image reads clearly. High contrast is more important than matching a fabrication color exactly, especially for small pads and silkscreen text.
- Frame the board in the canvas. Use a view that leaves enough margin around the outline but does not waste most of the image on empty space.
- Open the export menu and choose Export → PNG. Save the downloaded image with a descriptive name such as
board-top-render.pngorgerber-outline-review.png.
This workflow is best for practical documentation and web sharing. It keeps the Gerber review close to the exported manufacturing package because you are rendering the actual files, not taking a picture of the original CAD editor. That matters when the source design and release ZIP might be out of sync.
Choose the right layer view
A Gerber PNG can show one layer or a composite of several layers. A single-layer image is useful when you need to talk about a mask opening, a paste aperture, a copper pour, or a board outline without distraction. A composite image is better when the reader needs to understand how the board will look or whether several layers line up.
For top-side images, show top copper, top solder mask, top silkscreen, drill holes, and the outline. For bottom-side images, show the equivalent bottom layers and make sure the orientation matches your intended documentation. Bottom views can be confusing because some tools display them as viewed through the board while others show a mirrored manufacturing view. Label the image outside the Gerber render if the audience might misread it.
For assembly notes, silkscreen and drill holes are often more useful than every copper detail. For DFM troubleshooting, copper, mask, paste, and outline alignment may matter more. Do not include every possible layer just because it exists; too many colored layers can make the PNG harder to read than the Gerbers themselves.
Resolution, background, and JPG conversion
PNG images are pixel images, so resolution matters. A small image can look fine on a page but become unreadable when printed or zoomed. If the output is for a website or issue tracker, frame the board tightly and check that small silkscreen text is legible at the displayed size. If the image is for a printed report, create a larger PNG or use a vector format such as SVG instead.
Background choice also matters. This viewer exports the PNG on a solid white background, which is the safe default for pasting into email, office documents, datasheets, or websites with unknown styling — white silkscreen stays visible and nothing turns invisible against a page. If you specifically need a transparent background (for example to overlay the board on a colored slide), export to SVG instead and convert it, or re-export the PNG from a tool such as gerbv that lets you control the background; then place it on the page color you want.
To create a JPG, open the PNG in an image editor or conversion utility and save a copy as JPG. Keep the PNG as the master. JPG compression is designed for photographs and gradients, not PCB traces, so avoid repeatedly editing and resaving a JPG version.
Gerber image method reference
| Method | Quality | Best for |
|---|---|---|
| This viewer: Export → PNG | Clean browser render of the loaded Gerber view. | README images, docs, support tickets, quick reviews. |
| gerbv: File → Export → PNG | Good, with desktop control over visible layers and export size. | Repeatable local conversion and scripted review workflows. |
| Screenshot | Lowest and most error-prone; includes UI unless cropped. | Last-resort informal sharing only. |
| PNG converted to JPG | Depends on compression; can blur fine PCB detail. | Platforms that do not accept PNG uploads. |
When SVG is better than PNG
If the image needs to stay sharp at any zoom level, use SVG instead of PNG. SVG is a vector render, so it is better for crisp web embedding, diagrams, and files that will be edited in Illustrator or Inkscape. PNG is better when you need a simple bitmap accepted everywhere. The Gerber to SVG guide covers that vector workflow.
FAQ
- Can this viewer export Gerber files to PNG?
- Yes. Load the Gerber files or ZIP in the viewer, set the visible layers and colors, then use Export → PNG from the viewer export menu.
- Should I use PNG or JPG for PCB artwork?
- Use PNG for PCB renders whenever possible. It is lossless and handles sharp line art, text, and flat colors better than JPG. JPG is mainly useful when a platform requires it.
- Can a PNG be used for PCB manufacturing?
- No. A PNG is a visual image for humans, not CAM data. Send the original Gerber and Excellon drill files to the PCB manufacturer.
- How do I make a higher-resolution Gerber PNG?
- Zoom and frame the board carefully before export, or use a desktop tool such as gerbv with explicit export size or DPI options if you need a fixed print resolution.