MITS ImageSize - afbeeldingsformaten voor modified eCommerce Shopsoftware

MITS_ImageSize voor modified eCommerce-shopsoftware

MITS_ImageSize is een krachtige module voor de modified eCommerce-shopsoftware die de afmetingen van product- en categorieafbeeldingen automatisch bepaalt en als Smarty-variabelen in de template beschikbaar stelt. Daarmee kunnen afbeeldingsbreedtes en -hoogtes rechtstreeks in de winkel worden uitgevoerd voor een verzorgde lay-out, kortere laadtijden en een optimale weergave op desktop- en mobiele apparaten.

Vooral bij moderne templates en zoekmachinevriendelijke winkels is het opgeven van afbeeldingsafmetingen een belangrijke factor. Met MITS_ImageSize verminder je lay-outverschuivingen, verbeter je de gebruikerservaring en leg je de technische basis voor een professionele en snelle weergave van afbeeldingen in je webwinkel.

Voordelen van MITS_ImageSize

• Automatische bepaling van breedte en hoogte van product- en categorieafbeeldingen
• Beschikbaar als Smarty-variabelen voor flexibele templateaanpassingen
• Ondersteunt de optimalisatie van Core Web Vitals en vermindert CLS (lay-outverschuivingen)
• Ideaal voor responsive templates en winkels die voor mobiel gebruik zijn geoptimaliseerd
• Compatibel met de modified eCommerce-shopsoftware
• Snelle integratie zonder ingrijpende templateaanpassingen
• Kan bijzonder efficiënt werken met gecachte afbeeldingsafmetingen

Werking van de module

De module voegt extra informatie over bestaande afbeeldingen aan je winkel toe. Voor product- en categorieafbeeldingen worden de afmetingen bepaald en rechtstreeks in de template beschikbaar gesteld. Daardoor kun je afbeeldingsafmetingen correct in de HTML-markup opnemen en browsers al vóór het laden van de afbeelding de exacte afmetingen doorgeven.

MITS_ImageSize werkt bijzonder efficiënt in combinatie met de module MITS_productsImageFilenames: deze slaat de afmetingen van product- en categorieafbeeldingen eenmalig in de database op. Vervolgens kan MITS_ImageSize deze waarden rechtstreeks uit de database lezen, in plaats van de afbeeldingsafmetingen bij elke pagina-aanroep tijdens de uitvoering opnieuw via getimagesize() te bepalen.

Dat vermindert het aantal bestandstoegangen op de server aanzienlijk en zorgt voor duidelijk betere prestaties, vooral bij grote winkels met veel producten en afbeeldingen.

• Gebruik van opgeslagen afbeeldingsafmetingen uit de database
• Voorkomen van herhaalde aanroepen van getimagesize()
• Aanzienlijk kortere laadtijden van pagina’s
• Geoptimaliseerd voor grote productcatalogi

Zonder aanvullende modules werkt MITS_ImageSize zelfstandig en bepaalt het de afbeeldingsafmetingen rechtstreeks uit de afbeeldingsbestanden.

Beschikbare Smarty-variabelen

MITS_ImageSize stelt de bepaalde afbeeldingsafmetingen als handige variabelen voor je template beschikbaar. Zo kun je de informatie rechtstreeks in je templatebestanden gebruiken en een eigen weergave realiseren.

{foreach name=inner item=picture_data from=$pictureset_box}
{assign var="img_type" value=$picture_data.IMAGE|upper}
{assign var="img_size" value="PRODUCTS_`$img_type`_SIZE"}
  
{/foreach}

Daardoor is integratie in bestaande of nieuwe templates bijzonder eenvoudig. Ontwikkelaars en winkeliers krijgen een flexibele oplossing om afbeeldingsattributen correct en volgens de standaarden uit te voeren.

Voordelen voor SEO en prestaties

Een gestructureerde en technisch correcte weergave van afbeeldingen speelt een belangrijke rol bij de zoekmachineoptimalisatie en de prestaties van je webwinkel. Als de afbeeldingsafmetingen al in de HTML staan, kan de browser de pagina-indeling stabieler berekenen. Dat verbetert het gebruiksgemak en heeft ook een positieve invloed op belangrijke meetwaarden zoals de Core Web Vitals.

• Betere technische basis voor SEO
• Optimalisatie van de laadprestaties
• Verbeterde weergave op mobiele apparaten
• Minder zichtbare lay-outverschuivingen in de frontend
• Betere gebruikerservaring voor je bezoekers

Conclusie

MITS_ImageSize is de ideale uitbreiding voor iedereen die in de modified eCommerce-shopsoftware automatisch afbeeldingsafmetingen wil uitlezen en in de template wil gebruiken. In combinatie met MITS_productsImageFilenames profiteer je bovendien van een bijzonder efficiënte verwerking van afbeeldingsafmetingen op basis van de database.

De module biedt meer controle, een technisch betere weergave van afbeeldingen en ondersteunt de optimalisatie van SEO, prestaties en gebruiksvriendelijkheid.