Hvernig bý ég til staðgengilsmynd í nákvæmri stærð?

Sláðu inn Breidd (px) og Hæð (px), veldu liti eða litaþema og smelltu svo á Hlaða niður PNG, Hlaða niður JPG eða Sækja SVG. Sjálfgefið sýnir myndin stærð sína sem merki, til dæmis 800 x 600.

Hver er stærsta staðgengilsmynd sem hægt er að búa til?

Bæði breidd og hæð verða að vera á milli 1 og 4000 dílar. Gildi utan þess bils sýna villuna Breidd og hæð verða að vera á milli 1 og 4000 px.

Hvernig set ég staðgengilsmynd beint inn í HTML án þess að nota skrá?

Smelltu á Afrita sem gagna-URL og límdu slóðina inn í img-merki sem src-gildi. Einnig er hægt að nota Afrita HTML snerpu eða Afrita CSS bakgrunn. Engin þörf er á ytri myndhýsingu.

Get ég búið til staðlaðar stærðir fyrir samfélagsmiðla eða vefinn?

Já. Forstillt stærðir innihalda Instagram færsla, Instagram sögur, Twitter kort, Opinn grafík, YouTube smámynd, Facebook þekja og Tölvupósts haus. Sækja allar forstillingar (ZIP) vistar allar ellefu gerðirnar sem PNG-skrár.

Hvernig set ég eigin texta eða þverlínur á staðgengilsmyndina?

Sláðu inn texta í sérsniðna textareitinn, til dæmis Aðalmynd, í stað þess að sýna málsetningu. Hakaðu við Sýna þverlínur (X) til að teikna daufar skálínur. Langur texti minnkar sjálfkrafa til að rúmast innan breiddarinnar.

Er þetta í alvöru ókeypis?

Já. Öll verkfæri eru ókeypis í notkun, án aðgangs og án kreditkorts. Vinnan fer fram í tækinu þínu frekar en á netþjónum okkar, sem gerir það að verkum að hægt er að halda þjónustunni ókeypis.

Virkar það í farsíma?

Já. Það keyrir í nýlegum farsímavöfrum á iOS og Android án þess að setja neitt upp.

🖼️

Staðgengislsmyndasmiður — ókeypis

Búðu til litaðar staðgengislsmyndir með sérsniðnum málum, texta og litum. Staðlaðar stærðar fyrir samfélagsmiðla, uppkast og hönnunarsýnishorn.

Keyrir í vafranum þínumEngin skráning, engir sprettigluggarEngin innskráning krafistFrjáls að eilífu

Breidd (px)

Hæð (px)

Forstillt stærðir

Litaþemu

Bakgrunnur

Texti / línur

Sérsniðinn texti (skildu eftir autt fyrir mál)

Sýna mál ef enginn sérsniðinn textiSýna þverlínur (X)

💡 Fyrir HTML-uppköst: notaðu valkostinn 'Afrita sem gagna-URL' og límaðu í <img src="..."> fyrir innfelldar staðgenglamyndir. Fyrir Figma / Sketch-hönnun skaltu hlaða niður PNG og draga inn.

Algeng notkun

Staðgengilsmyndir fyrir hönnunarflíkurMyndu stærðir litaðir kassar til notkunar í Figma, Sketch, eða veflýðun hönnunarflíkum áður en raunverulegar myndir eru tilbúnar.
Innfelldar staðgengilsa fyrir HTML frumgerðirNotaðu 'Afrita sem gögn URL' til að innfella staðgengilsmyndir beint í HTML fyrir skjótar frumgerðir.
Staðgengilsa fyrir CMS efnisraufÞegar sýnt er CMS sniðmát, notaðu staðgengilsmyndir í stað raunverulegs efnis fyrir viðkvæma forskoðun.
Samfélagsmiðla myndasniðmátMyndu rétt stærðaðar staðgengilsa fyrir Instagram, Facebook, Twitter, LinkedIn sniðmát fyrir færslur.
CSS útlit prófunarmyndirMyndu myndir með öfgafullum hlutföllum til að prófanir mótsinn CSS útlit.

Hvernig það virkar

Allt gerist í vafranum þínum með HTML Canvas API og handskrifuðu SVG-merkjamáli — enginn netþjónn, engin upphleðsla, engin þriðja-aðila þjónusta. Þú stillir víddir, liti, og merkitexta, og tólið málar myndina beint á kanvaselement í rauntíma, raðnúmerar hana svo í PNG, JPEG, eða SVG eftir þörfum.

1
Stilltu víddir og liti
Skrifaðu breidd og hæð (1–4000 px hvort), eða veldu eina af ellefu forstillingum sem ná yfir algengar samfélagsmiðla- og hönnunarstærðir. Veldu bakgrunns- og textalit úr innbyggðu þemunum eða sláðu inn hexgildi beint; native litavalstól og staðfestur textareitur haldast samstillt.
2
Canvas API myndgerir forskoðunina samstundis
React-áhrif kalla á drawPlaceholder() við hverja breytingu. Þetta fall notar CanvasRenderingContext2D til að fylla rétthyrninginn með bakgrunnslitnum, valfrjálst teikna daufar krosslínur á 15% ógegnsæi, mælir svo og miðjar merkitextann þinn — minnkar leturstærð sjálfkrafa þar til hann passar innan 90% af kanvasbreiddinni.
3
Flyttu út sem PNG, JPEG, eða SVG
PNG- og JPEG-niðurhal kalla á canvas.toDataURL(), breyta base64-niðurstöðunni í Blob í minni, og kveikja niðurhalið — allt samstillt inni í notandabendingunni svo niðurhalsreglur iOS Safari séu uppfylltar. SVG-útflutningur byggir sjálfstæðan SVG-streng með samsvarandi rétthyrningi, valfrjálsum ská-línum, og textaelementi, vistar hana svo sem .svg skrá.
4
Magn-útflutningur og afritunarflýtileiðir
'Sækja allar forstillingar' hnappurinn flytur JSZip inn kvikt, myndgerir aftur hverja af ellefu forstillingastærðunum á kanvas utan skjás með sama teikni-falli, og pakkar öllum PNG saman í eitt ZIP. Afritunarhnappar gefa út PNG data-URL, innlínu SVG img-tag, eða CSS background-image yfirlýsingu fyrir tafarlausa límingu í kóða.