Ang mga link na walang Open Graph image ay nilalaktawan sa mga feed. Binibigyan ka ng generator na ito ng malinis at typographic na cover sa eksaktong sukat na gusto ng bawat platform — OG 1200×630, Twitter/X, YouTube thumbnail, square post o vertical story — na may awtomatikong text wrapping na kayang humawak sa Ingles at CJK na teksto.
Pumili ng isa sa walong gradient na background, itakda ang pamagat, subtitle at iyong domain, at i-download ang PNG. Ang live preview ang mismong canvas na ie-export, kaya ang nakikita mo ay eksaktong ipapadala mo.
Paano gamitin
- Pumili ng sukatOG, Twitter, YouTube, parisukat o story.
- Isulat ang tekstoPamagat, opsyonal na subtitle, at ang iyong brand o domain sa sulok.
- I-download ang PNGAng preview ang file — eksaktong pixel, handang i-upload.
Magdisenyo ng social covers sa browser
Ang generator na ito ay gumagawa ng mga cover image na lumalabas kapag na-share ang isang link, ang Open Graph card sa Facebook at LinkedIn, ang summary card sa Twitter/X, at mga thumbnail sa ibang lugar. Pumili ng preset at itinatakda nito ang eksaktong pixel na laki na gusto ng bawat platform: OG sa 1200x630, Twitter/X sa 1200x675, YouTube sa 1280x720, isang 1080x1080 na square, o 1080x1920 na story. Walang hulaan sa dimensyon.
Magdaragdag ka ng title, subtitle, at brand text sa ibabaw ng isa sa walong gradient background. Awtomatikong nagwa-wrap ang teksto at kinakaya ang English at CJK, kaya nananatili sa loob ng frame ang mahahabang headline at Chinese na pamagat. Ang live preview ang eksaktong canvas na ie-export, kaya kung ano ang nakikita mo ay iyon ang nada-download.
I-ship ang PNG diretso sa iyong meta tags
Kapag tama na ang hitsura ng cover, i-download ito bilang PNG at ituro ang iyong og:image at twitter:image tag dito. Ang tamang social share image ang gumagawa sa isang hubad na link tungong isang card na may tunay na larawan, at iyon ang humihila ng mas maraming click sa mga feed at chat kaysa isang plain na URL.
Nire-render lahat sa iyong device, kaya makakagawa ka ng link preview image para sa isang blog post, launch, o video nang walang design software o account.
Para saan ito ginagamit ng mga tao
Blog post share card — Gumawa ng 1200x630 na OG image na may pamagat ng post para magpakita ang link ng tunay na card sa social.
Twitter/X card — I-export ang 1200x675 na image na naka-size para sa X summary card sa halip na makakuha ng awkward na crop.
YouTube thumbnail — Bumuo ng 1280x720 na cover na may matapang na pamagat para sa video thumbnail.
Product o feature launch — Gumawa ng may-brand na 1200x630 na cover para mukhang sinadya ang mga launch link kapag na-share.
Instagram square post — Bumuo ng 1080x1080 na square na may headline at brand mark para sa feed post.
Story o reel cover — Magdisenyo ng 1080x1920 na vertical na cover para sa story o short.
Pare-parehong brand covers — Gamitin muli ang gradient at brand text sa mga post para manatiling on-brand ang mga na-share na link.
Bilingual na pamagat — Magtakda ng English o Chinese na headline at hayaan ang auto-wrap na panatilihin ito sa loob ng frame.
Gawin ang larawang lumalabas kapag ibinahagi ang link mo
Kapag nag-paste ka ng link sa Slack, iMessage, LinkedIn, o tweet, may tahimik na trabaho ang preview card: ang larawan sa card na iyon ang madalas na pinakamalaking dahilan kung bakit may nagki-click. Ito ang Open Graph image — 1200 × 630 para sa karamihan ng platform, bahagyang ibang ratio para sa Twitter/X, 1280 × 720 para sa YouTube thumbnail, isang parisukat o 9:16 na story para sa ibang feed. Maglabas ng pahina nang wala nito at babalik ang card sa naka-crop na logo o wala talaga, at magmumukhang hindi tapos ang maingat mong isinulat na post sa feed.
Maliit pero nakakaabala ang gawain. Kailangan mo ng eksaktong pixel size para sa platform, background na maayos mabasa sa thumbnail scale, title na sapat kalaki para malampasan ang pagpapaliit sa timeline, at baka isang subtitle at ang domain mo. Kaya itong lahat ng design tool, pero pinapagawa ka nilang mag-set up ng canvas, maghanap ng template, at mag-export sa tamang dimensyon — tunay na overhead para sa isang bagay na maaari mong ulitin sa bawat blog post. Pinapadali ito ng mga dedikadong OG-image generator, pero marami ang gustong may account, hihiling na mag-upload ng asset, o ikukulong ka sa itsura ng template nila.
Ginagawa ng OG Image ang card sa browser. Pumili ng preset — OG / Facebook 1200 × 630, Twitter/X 1200 × 675, YouTube 1280 × 720, square 1080 × 1080, o story 1080 × 1920 — pumili ng gradient, mag-type ng title, subtitle, at brand o domain, at binubuo nito ang lahat sa Canvas sa eksaktong laking inaasahan ng platform. Awtomatikong nag-wu-wrap at nagsu-scale ang title, may magaan at banayad na dekorasyon na pumipigil na magmukhang flat, at may dark-text toggle para sa magaan na background. Walang ina-upload, kaya ang headline na hindi mo pa nailalathala ay nananatili sa makina mo, at kumukuha ka ng malinis na PNG na pinangalanan ayon sa laki, handa nang i-drop sa og:image tag mo.
Ano ang pinagkaiba nito
- Tamang laki, bawat platform. OG 1200 × 630, Twitter/X 1200 × 675, YouTube 1280 × 720, square, at story — eksaktong pixel, walang sorpresa sa cropping.
- Tekstong nakakaligtas sa thumbnail. Awtomatikong nag-wu-wrap at nagsu-scale ang title, na may subtitle at brand/domain line, kasama ang dark-text toggle para sa magaan na gradient.
- Walong gradient, binubuo nang live. Isang banayad na dekoratibong haplos ang pumipigil na magmukhang flat na kulay ang card, at agad na-preview ang bawat pagbabago.
- Walang ina-upload. Ang hindi pa nailalathalang headline mo at anumang salita ay nananatili sa browser; walang asset na napupunta sa server.
- Gumagana offline. Naka-cache pagkatapos ng unang bisita, kaya makakagawa ka ng card sa eroplano.
- Libre, walang account, walang watermark. Mag-download ng malinis na PNG na pinangalanan ayon sa dimensyon nito.
IMG.DIY kumpara sa ibang OG-image tool
Kaya ng Canva at ng mga dedikadong OG generator, pero may dala silang mas maraming setup at kadalasang idinadaan ang trabaho mo sa server o template nila.
| Aspeto | Canva | Dedikadong OG-image generator | IMG.DIY |
|---|---|---|---|
| Kailangan ng account | Oo | Madalas | Hindi |
| Uploads / server render | Server-side | Madalas | Hindi, lahat sa browser |
| Preset ng laki kada platform | Manwal o template | Oo | OG, Twitter/X, YouTube, square, story |
| Flexibility sa disenyo | Napakataas | Nakatali sa template | Nakatuon: gradient + title/subtitle/brand |
| Bilis hanggang tapos na card | Katamtaman | Mabilis pero madalas naka-gate | Mag-type, pumili, i-download |
| Offline | Hindi | Hindi | Oo, pagkatapos ng unang bisita |
| Watermark | Sa ilang export | Minsan sa libreng tier | Wala |
Nananalo ang Canva kapag gusto mo ng ganap na custom na card na may litrato, logo, at tumpak na kontrol sa layout — tunay itong design tool at sulit para sa hero graphic. Mabilis at may-tiyak-na-layunin ang mga dedikadong OG generator, pero marami ang nag-gate ng magandang output sa likod ng account, upload step, o nakapirming istilo ng template. Nakaupo ang OG Image sa mabilis at pribadong dulo: mas kaunting knob, pero ang mga mahalaga — eksaktong laki ng platform, nababasang title, gradient, brand line — nang walang sign-in at walang umaalis sa browser mo. Para sa rutinang gawaing bigyan ang bawat pahina ng disenteng share card, iyon na kadalasan ang kailangan mo.
Bakit IMG.DIY
5 sukat ng platform
OG 1200×630 hanggang 1080×1920 na story.
8 gradient
Malinis na background na hindi nakikipag-away sa teksto.
Matalinong wrapping
Tama ang paghawak sa mahahabang pamagat at CJK na teksto.
Agad
Walang canvas app, walang template site, walang login.