Méideanna sainráite íomhánna

Seiceálann Silktide go sonraíonn na híomhánna ar do leathanach a méid, ionas gur féidir leis an mbrabhsálaí an méid ceart spáis a chur in áirithe do gach íomhá sula n-íoslódálann sé í. Cuireann íomhánna gan méid sonraithe an leathanach ag preabadh de réir mar a thagann siad isteach.

<!-- Fadhb: gan méid, ní chuireann an brabhsálaí spás ar bith in áirithe -->
<img src="hero.jpg" alt="Bailiúchán earraigh">

<!-- Ceartaithe: cuireann an brabhsálaí sliotán 1200x600 in áirithe láithreach -->
<img src="hero.jpg" alt="Bailiúchán earraigh" width="1200" height="600">

Cén fáth a bhfuil tábhacht leis seo

Go dtí go dtagann comhad íomhá isteach, ní bhíonn aon bhealach ag brabhsálaí fios a bheith aige cé chomh mór is a bheidh an íomhá mura ndeir an leathanach é. Gan an fhaisnéis sin, rindreálann sé an leathanach gan bearna, ansin brúann sé gach rud síos nuair a lódálann gach íomhá — mar sin preabann téacs i lár abairte agus tapálann cuairteoirí an rud mícheart de réir mar a bhogann spriocanna ag an nóiméad deireanach.

Tomhaistear an phreabadh seo mar athrú leagain amach, cuid de Google, a chuireann le rangú cuardaigh freisin. Is iad íomhánna gan méid an chúis aonair is coitianta leis.

Conas é a cheartú

Cuir tréithe width agus height le gach íomhá agus físeán, ag teacht le fíorchomhréireanna an chomhaid. Úsáideann an brabhsálaí iad chun spás a chur in áirithe ag an gcóimheas gné ceart, fiú nuair a scálaíonn an íomhá go sofhreagrach.
I gcás íomhánna sofhreagracha, coinnigh na tréithe agus lig do CSS ar nós max-width: 100%; height: auto; an scálú a dhéanamh — scálaíonn an spás in áirithe leis.
Mura féidir leat tréithe a chur leis, cuir spás in áirithe in CSS ina ionad sin leis an airí aspect-ratio ar an íomhá nó ar a coimeádán.
Seiceáil do : cuireann formhór na gcóras CMS toisí isteach go huathoibríoch nuair a chuirtear íomhánna leis tríd an eagarthóir, mar sin is minic a thagann méideanna ar iarraidh ó lámhscríofa, ó theimpléid, nó ó ábhar leabaithe.

Conas a thástálann Silktide é seo

Lódáil an leathanach i bhfíorbhrabhsálaí, ag úsáid an chineáil ghléis, an luas naisc, agus an suíomh tástála atá cumraithe do do thástálacha luais.
Aimsigh gach íomhá a rindreáiltear gan méid sainráite — gan tréithe width/height inúsáidte agus gan CSS a shocraíonn a toisí.
Tuairiscigh gach íomhá gan méid, mar aon lena suíomh ar an leathanach.

Fabhtcheartú

Breathnaíonn an leathanach go breá nuair a lódálaim é

Le híomhánna i dtaisce nó le nasc tapa, féadfaidh íomhánna teacht isteach chomh tapa sin nach bpreabann aon rud go feiceálach. Feiceann cuairteoirí ar líonraí níos moille an leathanach céanna á chur le chéile píosa ar phíosa. Ní chosnaíonn spás in áirithe tada nuair a lódálann an íomhá go tapa, agus cuireann sé cosc ar an bpreabadh nuair nach lódálann sí go tapa.

Nach mbrisfidh méideanna seasta mo dhearadh sofhreagrach?

Ní bhrisfidh. Déileálann brabhsálaithe nua-aimseartha leis na tréithe width agus height mar chóimheas gné na híomhá, seachas mar mhéid seasta, mar sin is féidir le CSS an íomhá a scálú fós chun freastal ar aon scáileán. Oibríonn na tréithe agus CSS le chéile.