Mockup för inlägg i sociala medier
Visa en kund, en kollega eller dig själv hur ett inlägg faktiskt kommer att se ut innan det publiceras. Släpp bilden, skriv bildtexten, ange sidnamn och siffror, och se ett realistiskt inlägg på Facebook, Instagram eller LinkedIn i ljust eller mörkt läge, som ett enkelt kort eller i en mobilskärm. Ladda ner det som en skarp PNG i 2× för en presentation, ett korrektur eller ett mejl för godkännande. Din bild och din text lämnar aldrig din enhet.
Släpp filer här eller klicka för att välja
Resultat
Så skapar du en inläggsmockup
- Släpp inläggets bild, flera bilder för en karusell, eller ingenting för ett inlägg med bara text.
- Välj plattform, ljust eller mörkt läge, och kort eller mobilram.
- Skriv sidnamn, användarnamn, bildtext och antalet gillningar, kommentarer och delningar du vill visa.
- Ladda upp din logga som profilbild om du vill, och ladda sedan ner PNG-filen.
Varför göra en mockup av ett inlägg innan du publicerar
En bildtext som läses bra i ett dokument kan se helt annorlunda ut när den radbryts i flödets bredd och kapas med "See more", en bild som ser fantastisk ut som fil beskärs till 4:5 på Instagram, och en kund som godkände texten i ett mejl reagerar ofta annorlunda när hen ser den som ett riktigt inlägg. En mockup avgör de diskussionerna med en enda blick. Det är också vad byråer klistrar in i presentationer och godkännandetrådar, och vad du tar en skärmbild av till en portfolio när det riktiga inlägget inte är publicerat än.
Vad mockupen visar
Varje plattform ritas med sin egen layout, sina typsnitt, ikoner och etiketter:
| Plattform | Det här får du |
|---|---|
| Sidnamn, tid eller etiketten Sponsored med jordgloben för målgrupp, bildtext, bild, reaktionsikoner med antal, antal kommentarer och delningar, och raden med Like, Comment och Share. | |
| Användarnamn med storyringen, etiketten Sponsored, bilden beskuren till flödets proportioner, ikonerna för hjärta, kommentar, skicka och spara, gillningar, bildtexten med användarnamnet på samma rad, "View all comments" och tidsstämpeln. | |
| Företags- eller profilnamn, antal följare, tid eller etiketten Promoted, bildtext, bild, reaktionsstapeln med antal, kommentarer och återpubliceringar, och raden med Like, Comment, Repost och Send. |
Varje plattform finns i ljust och mörkt läge, och antingen som ett rent inläggskort på en mjuk bakgrund eller i en mobilskärm med statusfält, vilket gör sig bättre i en presentation.
Karuseller och inlägg med flera bilder
Släpp två eller fler bilder så växlar mockupen till varje plattforms layout för flera bilder. Facebook ritar en karusellannons: kvadratiska kort sida vid sida där nästa kort skymtar fram från höger, vart och ett med rubrik, ditt sidnamn och en knapp vars text du väljer. Instagram och LinkedIn visar en bild i taget med bildräknaren i hörnet och prickarna eller sidfältet under, och du väljer vilken bild som ligger först. För en karusell innehåller nedladdningen alltid två PNG-filer: flödesvyn precis som folk scrollar förbi den, och en vy med alla bilder där varje kort ligger sida vid sida, vilket är den som kunder förstår direkt.
Så får du ett övertygande resultat
- Använd den riktiga bildstorleken. Förhandsvisningen beskär höga bilder på samma sätt som flödet, så du ser exakt vad som klipps bort. Kvadratiska bilder och bilder i 4:5 visas i sin helhet.
- Ladda upp din logga som profilbild. Initialerna fungerar för en snabbkoll, men det är loggan som får mockupen att se ut som en skärmbild.
- Ange trovärdiga siffror. Gillningar, kommentarer och delningar formateras som varje plattform gör, så 1240 blir 1.2K där plattformen skulle förkorta.
- Klistra in den slutliga bildtexten. Radbrytningar och emojier behålls, och långa bildtexter kapas där flödet skulle kapa dem.
- Slå på annonsetiketten när du granskar en annons i stället för ett vanligt inlägg. Etikettens text ändras per plattform.
Ladda ner och använda mockupen
Nedladdningen är en PNG i dubbla skärmstorleken, så den förblir skarp när den placeras på en bild i en presentation, i ett dokument eller på en portfoliosida. Eftersom bakgrunden ingår kan den läggas direkt i en presentation. Behöver du den utan bakgrund för ett collage, beskär den med beskärningsverktyget efteråt.
Vad den inte gör
Den publicerar ingenting, schemalägger ingenting och kopplas inte till något konto, och den är ingen pixelperfekt kopia av varje plattformsuppdatering. Flödeslayouter ändras med några pixlar med några månaders mellanrum; mockupen följer den nuvarande layouten tillräckligt nära för godkännanden, presentationer och portfolioarbeten, och det är vad mockuper är till för. Videoinlägg förhandsvisas inte än; använd en bildruta från videon som bild, så är layouten i övrigt identisk.
Integritet
Kampanjer som inte har lanserats är precis sådant som inte ska laddas upp till en slumpmässig mockupsajt. Det här verktyget ritar förhandsvisningen och skapar PNG-filen helt i din webbläsare. Din bild, bildtext och logga lämnar aldrig din enhet.
Vanliga frågor
Laddas min bild eller bildtext upp?
Nej. Förhandsvisningen ritas i din webbläsare och PNG-filen skapas på din enhet. Kampanjer som inte har lanserats förblir privata.
Visar den annonser och inte bara vanliga inlägg?
Ja. Slå på annonsetiketten så visar mockupen "Sponsored" på Facebook och Instagram, och "Promoted" på LinkedIn.
Kan jag använda min egen logga som profilbild?
Ja. Ladda upp en logga eller ett foto så används den som profilbild; utan en visar förhandsvisningen dina initialer i plattformens färg.
Hur exakt är layouten?
Den följer varje plattforms nuvarande flödeslayout för typsnitt, avstånd, ikoner och etiketter tillräckligt nära för godkännanden och presentationer. Plattformarna ändrar små detaljer ofta, så se det som en trogen mockup snarare än en pixelperfekt skärmbild.
Hur stor blir nedladdningen?
PNG-filen renderas i dubbla skärmstorleken, så den förblir skarp i presentationer och på retinaskärmar. Inlägg med bara text och höga bilder hanteras också.
Kan jag förhandsgranska en karusell?
Ja. Släpp två eller fler bilder. Facebook visar svepbara kort med rubrik och knapp på varje, och Instagram och LinkedIn visar bildräknaren och prickarna. Nedladdningen ger dig två PNG-filer: flödesvyn där nästa kort skymtar fram, och en vy med alla bilder där varje kort ligger sida vid sida, så att kunden kan välja.
Kan jag förhandsgranska ett videoinlägg?
Inte än. Använd en stillbild från videon som bild, så blir layouten densamma.
Dina filer lämnar aldrig din enhet
Alla verktyg på Squishly Tools är 100 % gratis och körs helt i din webbläsare. Dina bilder och dokument bearbetas på din egen dator och laddas aldrig upp till en server. Inga konton, inga vattenstämplar och ingen hake.