GIF, PNG, JPEG of SVG welke kun je hebt beste gebruiken en wat is het verschil?

GIF, PNG, JPEG of SVG welke kun je hebt beste gebruiken?

En wat is het verschil tussen al deze bestandsvormen?

GIF, PNG, JPEG of SVG welke kun je hebt beste gebruiken?

En wat is het verschil tussen al deze bestandsvormen?

GIF, PNG, JPG of SVG welke kun je het beste gebruiken en wat is het verschil?

In de loop der jaren zijn er heel wat veranderingen geweest in de wereld van websites. Kon je vroeger alleen jpg en gif (die je dan ook nog kon animeren) bestanden gebruiken in je website, tegenwoordig zijn er ook PNG en SVG bestanden bij gekomen.

JPG (of JPEG) kent iedereen wel, elke foto die maakt met je telefoon wordt al JPEG opgeslagen. Voor foto's is dit ook het beste formaat voor op je website.

GIF, ook die kent iedereen wel van jaren geleden, de geanimeerde GIF bestanden die je ook vaak op websites zag. Het voordeel van GIF bestanden vergeleken JPG bestanden was dat je met GIF bestanden kon maken met een transparante achtergrond en deze dus op elke achtergrondkleur kon zetten die je wilde! Dat gaf mogelijkheden. Veel logo's werden/worden dus als GIF bestand gebruikt voor website.

PNG is eigenlijk de opvolger van GIF, met PNG kun je ook transparante achtergronden maken maar ook slagschaduwen (drop shadows) kun je in een PNG maken en dat kon dan weer niet met GIF.

En toen werd SVG geïntroduceerd. Waar JPEG, GIF en PNG raster gebaseerd zijn, en dus bestaan uit een aantal pixels. Is en SVG een vector bestand en die wordt opgebouwd aan de hand van berekeningen! Het grote voordeel in de wereld van steeds meer schermafmetingen is dat een SVG bestand geschaald kan worden en altijd scherp blijft. Bij een JPG, GIF of PNG worden de pixels groter als je het bestand vergroot, bij een SVG worden de berekeningen opnieuw gemaakt en het bestand opnieuw "getekend".

Sinds enige tijd ondersteunen alle browsers SVG bestanden, al zijn ze onder grafisch ontwerpers al langer bekend. Een SVG van je logo kan door een ontwerper gegenereerd worden vanuit een AI of EPS bestand in Illustrator.

WebBloxz kan ook met SVG bestanden overweg, er staan zelfs een groot aantal iconen in de bibliotheek die je zo kunt gebruiken. Dit zijn allemaal SVG bestanden, maar ook je logo kan als SVG ge-upload en gebruikt worden in je WebBloxz website.

Waarom ziet mijn website er niet op elke browser hetzelfde uit?

Logo's van verschillende browsers, Chrome, Safari, Firefox, Edge en Opera
22 mei 2019

Browsers werken niet allemaal op dezelfde manier en interpreteren de code soms net iets anders dan een andere browser. De basis geven ze allemaal hetzelfde weer, het zijn vaak de kleine dingen die anders kunnen zijn.

Web fonts, waar moet je opletten

Hoe web fonts webdesign veranderden
16 mei 2019

In de beginjaren van de websites had je weinig keuze in het lettertype dat je op je website wilde gebruiken. Het moest een systeem font zijn, dan kwam je uit op Arial, Sans Serif en Helvetica.

Wat is een SSL Certificaat en moet mijn website er een hebben?

Wat is een SSL Certificaat en waarom moet mijn website die hebben?
09 mei 2019

ls je het met ondernemers hebt over de veiligheid van hun website reageren ze vaak dat hun website toch niet interessant is voor hackers of er geen misbruik gemaakt wordt van hun website.

Webshop of winkelwagentje?

webshop of winkelmandje? Gestapelde dozen
02 mei 2019

Stel je bent een ondernemer, je hebt een mooie goede website maar je wilt een ook wat diensten of producten gaan verkopen via je website. Bijvoorbeeld een coach zou workshops willen verkopen.

Wat is een responsive website?

De website van Beljaars verzekeringen op verschillende apparaten
23 april 2019

Responsive website wil eigenlijk zeggen dat de website zich aanpast aan het scherm waarop hij bekeken wordt. Hierdoor heeft de bezoeker een betere ervaring op jouw website dit kan op een desktop, tablet of mobiele telefoon zijn.

Wat is een XML sitemap en wat doet het?

Afbeelding van hoe een XML sitemap werkt
19 april 2019

Een XML sitemap is bij zoekmachine optimalisatie een belangrijk hulpmiddel. Een xml-sitemap is een XML bestand dat speciaal gemaakt is voor de zoekmachines en ook alleen gebruikt wordt door de zoekmachines.

Cookies, hoe zit het daar nu mee?

Cookies, hoe zit het daar nu mee?
10 april 2019

Cookies, hoe zit het daar nu mee? Wanneer moet je toestemming vragen om cookies te mogen gebruiken en wanneer moet je een melding doen dat je cookies gebruikt?

Waarom is het belangrijk een titel en een alt tekst in te vullen bij afbeeldingen?

Waarom is het belangrijk een titel en een alt tekst in te vullen bij afbeeldingen (1)
04 april 2019

Om te beginnen is het voor zoekmachines en dus de vindbaarheid van je website belangrijk dat je de alt tekst en de titel van je afbeeldingen invult. Deze worden geïndexeerd ...

GIF, PNG, JPEG of SVG welke kun je hebt beste gebruiken?

GIF, PNG, JPEG of SVG welke kun je hebt beste gebruiken en wat is het verschil?
27 maart 2019

In de loop der jaren zijn er heel wat veranderingen geweest in de wereld van websites. Kon je vroeger alleen jpg en gif (die je dan ook nog kon animeren) bestanden gebruiken in je website, tegenwoordig zijn er ook PNG en SVG bestanden bij gekomen.

Wat als er updates van mijn website fout gaan?

Wat als er updates van mijn website fout gaan
19 maart 2019

Is jouw website gemaakt in een van de vele “Open source” systemen zoals Wordpress, Joombla of Drupal? Dan ben je bekend met de, met name bij Wordpress, vele updates. Deze moet je bij (laten) houden om de lekken voor hackers (link naar blog over hackers) te dichten en om nieuwe versies van je plugins te installeren.

Wat is hacken en wat doe je er tegen?

Wat is hacken?
14 maart 2019

Een hacker, ook wel kraker of cracker genoemd, is een persoon die binnendringt in een computernetwerk door de beveiliging te omzeilen. Niet altijd met de bedoeling om illegaal informatie toe te eigenen, maar veelal om aan te tonen dat het netwerk onvoldoende beveiligd is.

Logo WebBloxz

Gemaakt voor jouw gemak

Facebook logo
Instagram logo
Youtube logo
Google plus