Mockup voor social media posts
Laat een klant, een collega of jezelf zien hoe een post er echt uit gaat zien voordat hij live staat. Sleep de afbeelding erin, typ het bijschrift, stel de paginanaam en de cijfers in, en zie een realistische Facebook-, Instagram- of LinkedIn-post, in licht of donker, als kale kaart of in een telefoonframe. Download hem als scherpe PNG op 2x voor een presentatie, een akkoord of een e-mail. Je afbeelding en tekst verlaten je apparaat nooit.
Sleep bestanden hierheen of klik om te bladeren
Resultaten
Hoe je een mockup van een social post maakt
- Sleep de afbeelding van de post erin, meerdere voor een carrousel, of geen enkele voor een post met alleen tekst.
- Kies het platform, licht of donker, en de kaart- of telefoonweergave.
- Typ de paginanaam, de gebruikersnaam, het bijschrift en de aantallen likes, reacties en shares die je wilt tonen.
- Upload desgewenst je logo als profielfoto en download daarna de PNG.
Waar een post-mockup voor dient
Een kale afbeelding en een bijschrift in dezelfde e-mail sturen dwingt de ander om zich het resultaat voor te stellen, en meestal stelt die zich iets anders voor dan jij. Een mockup dicht dat gat. De klant ziet precies wat er in de feed verschijnt, inclusief het afgekapte bijschrift, de bijgesneden afbeelding en de knoppen over een hoek. Akkoorden komen sneller en correcties na publicatie worden zeldzaam.
Naast akkoorden zijn mockups handig in offertes, cases, portfolio’s en dienstenpagina’s, dus overal waar je socialwerk wilt laten zien zonder het echt te publiceren.
Wat een post het vaakst verpest
- Tekst te dicht op de rand. Houd ongeveer tien procent ruimte aan alle kanten aan om de vierkante uitsnede te overleven.
- Een lang bijschrift zonder haakje in het begin. De feed toont één of twee regels voor de meer-knop, dus de eerste zin bepaalt alles.
- Gezichten of producten pal op de rand. Die verdwijnen als eerste als het platform bijsnijdt.
- Kleine tekst. Bijna iedereen ziet het op een telefoonscherm van een paar centimeter breed.
- Een logo in de hoek die wordt bedekt door het label gesponsord of door platformpictogrammen.
Hoe de platforms verschillen
| Platform | Waar je op let |
|---|---|
| Instagram-feed | Vierkant 1:1 en staand 4:5 werken; profielminiaturen snijden altijd vierkant bij |
| Linkafbeeldingen worden rond 1,91:1 bijgesneden; heel hoge beelden worden afgekapt | |
| 1,91:1 werkt voor links, 1:1 en 4:5 voor rechtstreeks geüploade afbeeldingen | |
| Carrousel | De eerste slide bepaalt of mensen doorswipen of doorscrollen |
De afbeeldingsbestanden klaarmaken
- Snijd bij op de juiste verhouding en zet 1:1, 4:5 of 9:16 vast, afhankelijk van de plaatsing.
- Schaal naar ongeveer 1080 pixels voor de feed en 1080 bij 1920 voor stories.
- Comprimeer tot onder ongeveer 1 MB. Het platform hercomprimeert toch wat je uploadt, dus geef het liever een net bestand dan een kolos.
- Controleer het resultaat in de mockup voordat je de post inplant.
Kaart of telefoonframe
De kale kaart is het handigst om in een presentatieslide of document te zetten: geen extra elementen die afleiden. Het telefoonframe overtuigt meer in offertes en portfoliopagina’s, omdat het meteen als socialcontext leest. De inhoud is identiek, dus kies op basis van waar de afbeelding terechtkomt.
Cijfers en eerlijkheid
Je kunt likes, reacties en shares instellen zoals je wilt, en bij een mockup die zichzelf als mockup presenteert is dat normaal. Wat niet kan, is een mockup met verzonnen cijfers in een rapport of verkoopmateriaal presenteren als echte resultaten. Gebruik voor rapportages schermafbeeldingen van het echte statistiekendashboard.
Alles blijft op je apparaat
De voorvertoning wordt in de browser getekend en de PNG op je apparaat gemaakt, dus niet-gepubliceerde campagnes, productlanceringen en klantmateriaal gaan naar geen enkele server.
Veelgestelde vragen
Worden mijn afbeelding of bijschrift geüpload?
Nee. De voorvertoning wordt in je browser getekend en de PNG wordt op je apparaat gemaakt. Campagnes die nog niet live zijn, blijven vertrouwelijk.
Werkt het ook voor advertenties en niet alleen voor gewone posts?
Ja. Zet het label gesponsord aan en de mockup toont "Gesponsord" op Facebook en Instagram en "Gepromoot" op LinkedIn.
Kan ik mijn logo als profielfoto gebruiken?
Ja. Upload een logo of foto en die wordt als avatar gebruikt. Zonder afbeelding toont de voorvertoning je initialen in de kleur van het platform.
Hoe nauwkeurig is de opmaak?
Hij volgt de huidige feedopmaak van elk platform, inclusief lettertypen, witruimte, pictogrammen en labels, nauwkeurig genoeg voor akkoorden en presentaties. Platforms wijzigen vaak kleine details, dus zie het als een getrouwe mockup en niet als een schermafbeelding tot op de pixel.
Hoe groot is de download?
De PNG wordt op twee keer de schermgrootte gerenderd, dus hij blijft scherp in presentaties en op Retina-schermen. Posts met alleen tekst en staande afbeeldingen worden ook ondersteund.
Kan ik een carrousel bekijken?
Ja. Sleep twee of meer afbeeldingen erin. Facebook toont schuifbare kaarten met een kop en knop op elk, Instagram en LinkedIn tonen de slideteller en de puntjes. De download bevat twee PNG-bestanden: de feedweergave met de volgende kaart die eruit steekt, en een weergave van alle slides naast elkaar, zodat de klant kan kiezen.
Kan ik een videopost bekijken?
Nog niet. Gebruik een stilstaand beeld uit de video: de opmaak is precies hetzelfde.
Je bestanden verlaten je apparaat nooit
Elke tool op Squishly Tools is 100% gratis en draait volledig in je browser. Je afbeeldingen en documenten worden op je eigen computer verwerkt en nooit naar een server geüpload. Geen accounts, geen watermerken en geen addertje onder het gras.