SVG vs PNG the experiment image quality when printing by means of the browser.

Create your own stamp © mySTAMPready.com
Go to edit   >
Round
Triangle
Rectangle
Big size
Small size
All
Auto-Moto
Audio-Video
Business
Design
Home, Family , Kids
Animals, Plant
Internet
Arts, Fashion
Computer
Medicine
Music
Science, Studies, Education
Rest, Entertainment
Law, Economy
Religion
Agriculture
Construction, Real estate
Engineering, Technology
Tourism, Travel
Enthusiasm, Hobby
Finances
Hoteis, Restaurants
Monuments
Transport
Sport
Nature
Load more
Cancel search
Text around the circle
Text around the triangle
Text around the rectangle
Text in the centre
Circle
Triangle
Rectangle
Images
<   Templates
New stamp +
Pictures
Load more
Cancel
Plate size:
38 /mm
Download layout
<   Go to edit
Country
City
  • Russia/Россия
  • Ukraine/Україна
  • Kazakhstan/Қазақстан
  • Lithuania/Lietuvos
  • Armenia/Հայաստան
  • Belarus/Беларусь
  • Uzbekistan/Ўзбекистон
  • Spain/España
  • Germany/Deutschland
  • Poland/Polska
  • Slovenia/Slovenija
  • Estonia /Eesti
  • Kyrgyzstan/Кыргыз Республикасы
  • Unfortunately in your city there are no registered manufacturers
<   Go to edit
Size:
38 /mm
Plate of stamp:
+ /
Handle:
no /
Time of making:
Price:
/
Without handle
Order
Error...

Thank you, Your order is working! We'll call you soon.

You can continue edit stamp or create new

Continue
New stamp
Select the shape of stamp
Round stamp
Triangle stamp
Rectangle stamp
Cancel
Create
Have you checked the spelling?
Please note that the manufacturer is not responsible for spelling errors and the correctness of the entered data.
Yes, continue
No, check
You want to download the print layout
  • PROMO 2.5$
  • PNG Format
  • High Quality
  • Transparent background
View
Download
  • ECONOM 3.5$
  • Format PNG + SVG
  • High Quality
  • Transparent background
  • Scalability
Download
  • PREMIUM 4.5$
  • PDF + SVG + PNG
  • High Quality
  • Transparent background
  • Scalability
Download
  • GOLD WORD 5.5$
  • DOCX+PDF+SVG+PNG
  • High Quality
  • Transparent background
  • Scalability
Download

Select a Payment Method

Cancel

In order to continue, pay 63 $.

After payment, a button will appear in the stamp generator stamp layout download button to download the layout, the same layout will be sent to your mail(If the button does not appear, refresh the page by F5).

Specify your e-mail
By clicking on the 'Pay' button, I accept the user agreement

Pay
Cancel

If the payment page does not open, do the following:

1. Disable the Adblock plugin (or other ad blocker.

2. Clear your browser cache

3. Temporarily disable ad blocking in the firewall (antivirus) settings

    To display the stamp designer of the mobile version, click on the button below
    Stamp designer

    Our customers have asked us whether it is possible to print layouts of seals or stamps directly from the browser, without resorting to transitional programs. This need is due to the fact that for the manufacture of printing on the polymer (and not only in this method), simply print the layout on tracing paper (inversion of the layout) and let the work. To implement this task, there are two options: printing layouts in SVG format and PNG format. Below is an experiment with which you can analyze the quality of the final image.

    Source data

    Printer: hp laserjet m 1132 mfp.

    Web browser:


    • Opera

    • Google Chrome

    • Firefox

    • Safari


    Reference:as a reference, the image was printed using CorelDraw. The vector print image was imported into the program, and printed. It was also exported to PNG format for further tests:



    Image: the round seal was created in the designer of seals and stamps, and then saved in SVG format, with dimensions of 40 by 40 millimeters. As mentioned above, the CorelDRAW program has been converted, the output we have an image in PNG format with the size of 450 by 450 pixels (in the tests the image was printed with the size of 40 by 40 millimeters).

    online stamp image maker free

    <                                      

    SVG original                                                            PNG original

    Let's begin.

    Four browsers were launched, in which two images were opened in turn, first in SVG format and then in PNG format.

    Each browser was used a function to print the page, which makes printing items,

    which are displayed in the browser. The output was obtained, printed images. The images were analyzed and photographed.

    The result of SVG – in four cases, the output we got the picture quality close to the reference. A printed image is clear, no obvious aliasing or blur.


    Opera


                                 

    SVG original                                                                      PNG original

    Chrome


                                 

    SVG original                                                                      PNG original

    As you can see in Chrome, not 100% accurate font was printed, pay attention to the letter "R" in the word "MSR

    Firefox

                                   

    SVG original                                                                      PNG original

    Safari

                                    

    SVG original                                                                         PNG original

    Result PNG – in this case, in four cases, the result is the same. When printing, the image turned out to be of worse quality than the SVG version. There is a pronounced gradation, as there is a blur of boundaries.

    Overall results.

    Thus, the result of the experiment was the conclusion : printing images in modern browsers without loss of quality is possible, but lish when using images in SVG format.

    More such stories, you can read in our blog! Develop, read, learn together with mystampready.com!

     


    Date of publication 2019-08-07