Did you know? A school logo can look sharp on a phone screen yet turn fuzzy when enlarged for a classroom poster. Often, nothing is wrong with the printer. The student was given the wrong kind of image file for the job.
The useful answer: choose SVG when you need a compatible, genuinely vector diagram or logo that can be resized; choose PNG for a bitmap with crisp edges, labels or transparency; and choose JPEG for photographs where a compact file matters. The words vector, raster, resolution, transparent and export tell you what to check before you submit a design.
The day the class poster looked wrong
Imagine a Secondary 1 Science group designing an A3 poster about seedling growth. One child draws a simple leaf icon, another photographs the plant, and a third puts everything into slides. They save all three objects as tiny screenshots. The poster looks fine at first, but the leaf’s outline and axis labels become blocky when enlarged. The team also discovers that the photograph has a solid white rectangle around it.
Those are two different problems. Enlargement reveals the limited detail of a raster image; an unwanted background is a transparency problem. Neither is solved reliably by renaming leaf.jpg to leaf.svg. A different extension does not rebuild the source artwork.
Five words that change the production decision
1. Vector: instructions for drawing shapes
A vector picture describes shapes, curves, lines and coordinates instead of fixing the whole image as a grid of coloured pixels. SVG means Scalable Vector Graphics. A simple SVG leaf may be described by a path that the display or printer renders at the needed size. That is why an SVG made from actual paths is often suitable for a logo, icon, map symbol or line diagram.
A caution: SVG can include embedded bitmap images, so an SVG file is not a promise that every element is vector. Also, some school submission portals or print shops do not accept SVG. Ask for the supported export formats; a print-ready PDF may be the requested delivery format, though PDFs can contain both vector and raster content.
2. Raster: an organised grid of pixels
PNG and JPEG normally store raster images. A pixel is one picture element. Zoom far enough into a small raster logo and you may begin to notice enlarged squares or soft edges. Photographs are naturally suited to raster formats because they record many subtle colour and brightness variations.
3. Resolution: how much image information is available
A file labelled 300 pixels wide still has a 300-pixel-wide source if you drag its edge until it occupies a larger area in a document. Enlarging the container does not create genuine missing detail. A 300-by-150-pixel screenshot made four times wider and taller occupies 1,200 by 600 display pixels, but the source still began with 45,000 pixels rather than 720,000 independently captured pixels.
Printing quality also depends on physical print size, pixels per inch, viewing distance and printer workflow. There is no single magic number suitable for every poster. The practical test is to inspect the image near its final print size and follow the printer’s requirements.
4. Transparent: no painted background in that region
A PNG may preserve transparency. That lets a logo sit over a coloured slide without a rectangular white background. JPEG does not support transparency in the same way. A white part of a JPEG is colour information, not empty space. An SVG may also have transparent areas.
5. Export: make an output file for the next tool
The source file is the editable original; an export is a version saved for viewing, printing or sharing. Keep the editable source separately from the final output. If someone asks for a ‘vector logo’, sending a JPEG export does not meet that requirement, even if the original artwork was vector.
A worked school example: one poster, three different assets
Example only; no real learner or grade outcome is being described. The class has a plant photograph, a line drawing of the root system and a club crest. All three are going onto a poster.
- Plant photograph: choose a sufficiently detailed JPEG or PNG. Check that leaves, measurement rulers and dates are legible. Do not enlarge a tiny thumbnail and call it high resolution.
- Root diagram: retain a vector original and export as SVG or a compatible print-ready file if possible. Use clear line widths, labels, units and meaningful captions.
- Club crest: request the authorised master asset. A vector version is often ideal for repeated resizing, but permission to use a logo is a separate question from its file format.
- Poster handoff: ask the school or print shop for final dimensions, accepted formats, colour settings and proof requirements. The right graphic can still fail if it is exported for a different workflow.
Notice that the correct choice depends on what the image contains and where it is going, not which extension sounds more advanced. This builds design judgement as well as English vocabulary.
The vocabulary families worth learning
Teach words in sentences, not as detached labels: scale / scalable / scaling (‘scale the vector icon’); resolve / resolution (‘check the source resolution’); compress / compressed / compression (‘JPEG uses lossy compression’); transparent / transparency (‘export with a transparent background’); and convert / conversion (‘converting a format is not the same as tracing an image’).
Useful collocations include vector artwork, raster image, high-resolution photograph, lossless PNG, lossy JPEG, transparent background, editable source, print proof and export settings. A student who can use these combinations can explain the actual problem to a teacher or printer: ‘Our line diagram is a low-resolution raster export. We need the vector source or a higher-resolution export.’
Four mistakes to catch before a deadline
- Calling JPEG poor quality: a well-captured JPEG photograph can be entirely appropriate. Poor results often come from heavy compression, unsuitable export size or enlargement.
- Calling PNG vector: a PNG can display clean lines when sufficiently detailed, but it is still a raster image.
- Assuming SVG is always safe to upload: SVG is a powerful format and can contain active content. Use trusted files and only upload it where the receiving system permits it.
- Thinking the file extension grants copyright permission: it does not. Use owned or appropriately licensed assets and credit sources according to their terms.
A five-minute diagnosis for students and parents
- Point to the fuzzy or unwanted part of the final design. Is it the photograph, line drawing, text, or surrounding rectangle?
- Ask whether the original asset was a photo, a drawing made from shapes, a screenshot, or a scanned printout.
- Inspect the source dimensions or vector paths rather than judging by the filename alone.
- Choose the file for the receiver: website, slide deck, assignment portal or print provider. Check permitted extensions and file-size limits.
- Make a small test export. Zoom to intended size, read labels and check edges and background. Keep the editable master.
For younger children, let them explain the choice out loud: ‘A photograph is made of pixels, so I need enough detail. A vector diagram can be scaled without the same pixel enlargement problem.’ For secondary students, extend the test by comparing a 400-pixel-wide bitmap with an SVG path at three different sizes; note what genuinely changes.
How this transfers to school and adult work
Primary English gains a purposeful contrast between picture, diagram, image and file. Mathematics gains dimensions, scale factors and the difference between width and total pixel count. Science gains clearer, more trustworthy presentation of measurements and diagrams. Secondary G1/G2/G3 students who prepare presentations can practise this vocabulary at their own level; the 2027 SEC subject-level framework is described by SEAB, but this article does not claim an examinable digital-format requirement.
At work, the same knowledge helps a person send the right assets to a designer, printer, developer or marketing team. That is a practical example of vocabulary becoming a transferable capability: the right word changes the next action.
Three short retrieval-and-transfer questions
- Your PNG school badge becomes blurry at six times its original width. What extra information do you request, and why?
- Your teacher wants a photographed leaf in a poster. Must it be SVG? Explain the reason.
- A print provider asks for a ‘vector original’. A friend sends a converted JPG renamed ‘.svg’. What is missing?
Suggested answers: request a higher-detail export or actual vector master; no, a clear raster photograph is appropriate; and renaming or wrapping a bitmap does not create vector shapes. Ask students to justify one decision, not merely identify a file extension.
Frequently asked questions
Is SVG always better than PNG?
No. SVG is excellent for many diagrams and scalable illustrations, but transparent PNG is widely useful for raster artwork, screenshots and compatible slide workflows. The receiver and source content determine the better choice.
Does a PDF solve all poster quality problems?
No. A PDF is a container that can preserve text and vector objects, but it can also contain poor-quality bitmap pictures. Inspect the actual exported proof.
Should children memorise every image extension?
No. Start with one useful distinction—vector paths versus raster pixels—then practise choosing formats for real tasks. Meaningful retrieval beats a long disconnected list.
Continue learning, without duplicating the other guides
For the printing handoff itself, see eduKateSG’s separate RGB, CMYK and print-proof guide and its bleed, trim and safe-zone guide. For the wider language foundations, use How Vocabulary Works. These guides own their broader topics; this page answers only how to choose and explain graphic file formats.
Check the original technical definitions
The W3C SVG specification describes scalable vector graphics; MDN’s image format guide compares web formats and their characteristics; and MDN’s multimedia guidance discusses why SVG suits certain logos, charts and icons. Product support and school upload rules vary, so verify your actual receiving system.