Com mantenir les fotos per a telèfons mòbils

Les imatges s³n tarifes est ndard a la majoria de llocs web. S'utilitzen per a prop²sits est¨tics o per transmetre informaci³. Tanmateix, at¨s que les imatges tenen una amplada i una al§ada fixa, cal fer ajustaments quan es mostren a la pantalla petita d'un tel¨fon intel·ligent. Aquest article discuteix com podeu adaptar les vostres fotografies de manera que siguin f cils de buscar.

Prerequisits

Si heu arribat a aquesta p gina des de fora de thesitewizard.com, tingueu en compte que aquest article s el tercer en els meus tutorials de disseny web sensibles. Se suposa que ja coneixeu les coses discutides anteriorment. Com a tal, s possible que vulgueu mirar els cap­tols anteriors primer:

Els que no tinguin un lloc web i que estiguin aqu­ perqu¨ voleu saber fer que un que funcioni en tots els dispositius hauria de comen§ar realment amb com crear un lloc web. Aquest ºltim va ser escrit per a principiants, i per tant utilitza angl¨s senzill, a difer¨ncia del que est s llegint aqu­.

Imatges sensibles: fer que les imatges s'adaptin tant a un navegador m²bil com d'escriptori

Si heu utilitzat el meu assistent de disseny per crear el CSS per al vostre lloc, aquestes normes ja s'han d'inserir a la fulla d'estil per defecte (llevat que el traieu manualment o instru¯t a l'assistent per ometre-les) .

La imatge de l'exemple segent (extreta del meu tutorial BlueGriffon 1) utilitza les regles anteriors. La imatge t una amplada predeterminada de 394 p­xels i una al§ada de 187 p­xels, per² la seva amplada est  obligada al 100% del seu bloc que cont. Canvieu la mida de la finestra per veure com el navegador ho maneja.

Compatibilitat del navegador: per a la integritat, hauria d'esmentar que, tot i que MAX-WIDTH ha existit per edats, i est  recolzat pels principals navegadors web des de temps immemorials, no s reconeguda per Internet Explorer (s a dir, ") 6. No obstant aix², s probable que sigui 6, per a tots els efectes, extingits en aquests dies, ja que no t moltes de les caracter­stiques utilitzades en llocs web actuals, fins i tot la possibilitat d'accedir a llocs web HTTPS configurats correctament configurats correctament (s a dir, Llocs web amb SSL), de manera que probablement es pot ignorar.

Com utilitzar consultes m²bils per lliurar imatges de fons sensibles

ATENCIÓ NECESSÀRIA CLOUALFLARE

Aquest lloc web utilitza un servei de seguretat per protegir-se dels atacs en l­nia. L'acci³ que acabeu de realitzar provocava la soluci³ de seguretat. Hi ha diverses accions que podrien desencadenar aquest bloc, incloent-hi la presentaci³ d'una determinada paraula o frase, una ordre SQL o dades malformades.

Qu¨ puc fer per resoldre aix²?

Els usuaris de Disseny web sensible (RWD) coincideixen que el rendiment es millora si t imatges redimensionades a la mida del factor de forma del dispositiu. Normalment, la gent crea 3 versions: escriptori, tauleta i tel¨fon intel·ligent. En RWD, "La c rrega mandrosa" d'imatges s'utilitza per seleccionar quina versi³ enviar al dispositiu. La c rrega mandrosa carrega l'HTML i desprs utilitza JavaScript per esbrinar quines imatges es poden descarregar. Normalment, es consulta l'amplada de la visualitzaci³, compara l'amplada contra els punts d'interrupci³ est tica, i desprs selecciona una de les tres mides.

5 tendències de disseny de llocs web de luxe que necessiteu veure ...

Aquest mes tenim diversos exemples de brutalisme que s'utilitzen per a un bon efecte com a paper d'alumini per mostrar productes andor. Per contra, a l'altre extrem de l'escala, tenim marques que han optat per anar més d'una ruta d'experiència immersiva, utilitzant imatges de pantalla completa, so, animació i fins i tot vr. Tots dos són enfocaments vàlids,

5 tendències de disseny de llocs web de luxe que necessiteu veure ...
Nou itilize bonbon
Við notum smákökur til að tryggja að við gefum þér bestu reynslu á heimasíðu okkar. Með því að nota vefsíðuna samþykkir þú notkun okkar á smákökum.
Permitir cookies