6 xeitos de optimizar imaxes para un mellor rendemento web

6 xeitos de optimizar imaxes para un mellor rendemento web
Rick Davis

Os humanos somos criaturas visuais, e as investigacións avalan ese feito. Despois de só tres días, as taxas de retención de texto están dentro do intervalo de só 10%-20%. Pero para as imaxes, as taxas de retención poden chegar ao 65%. O cerebro recibe o 90% da información visual e procesa 60.000 veces máis rápido. Sen dúbida, os elementos visuais xogan un papel fundamental no compromiso do sitio web.

Non obstante, é necesario moito máis que escoller algunhas imaxes e colocalas no teu sitio. As imaxes pesadas consomen moito ancho de banda, o que reduce a velocidade de carga das páxinas. Os buscadores notarán o lento rendemento e penalizarán cunha clasificación baixa.

O noso artigo amosarache seis formas diferentes de optimizar imaxes para mellorar o rendemento web en 2021.

Consellos de optimización de imaxes para mellorar o rendemento web en

Digamos que deseñas sitios web para organizacións sen ánimo de lucro e che gusta usar moitas imaxes para mostrar o teu traballo. Os doadores, patrocinadores e outras partes interesadas utilizan esta información como base para o apoio continuo. Non obstante, se non optimizas as imaxes, a experiencia do usuario e o compromiso sufrirán. O maior problema será a carga lenta das páxinas e as respostas de tempo de espera.

A optimización de imaxes refírese a todos os pasos que realizas para reducir o tamaño, o formato ou a resolución dos ficheiros. Podes facelo sen comprometer a calidade das imaxes.

Imos ver algunhas das túasopcións.

Ilustración da campaña de marketing de Deemak Daksina

1. Comeza cunha auditoría de optimización de imaxes

Unha auditoría de optimización de imaxes proporcionará información relevante sobre os lugares que precisa mellorar.

Ver tamén: Como manexar a crítica creativa como deseñadorComeza realizando un inventario das imaxes que tes no teu sitio. As probas pertinentes diagnosticarán os problemas que necesites resolver.

Por exemplo, a auditoría pode mostrar que tes demasiadas imaxes. Tamén mostrará o formato da túa imaxe e permitirache determinar o seguinte curso de acción. Por exemplo, eliminar ou cambiar os formatos de ficheiro pode mellorar significativamente a velocidade de carga das páxinas.

2. Escolla o formato correcto para as imaxes

Os ficheiros de imaxe teñen diferentes formatos. Estes son os tres tipos máis comúns de formatos de imaxe para aplicacións web que debes coñecer:

  • PNG ten a vantaxe de ser unha imaxe de moi alta calidade. Desafortunadamente, para conseguilo, o tamaño do ficheiro é moi grande. Funcionan ben para imaxes e logotipos sinxelos e permiten a compresión sen perdas.
  • Os JPEG son os máis comúns na maioría dos sitios web. Son excelentes para imaxes complexas e coloridas. Non obstante, terás que ter coidado ao comprimir imaxes JPEG xa que pode producirse unha perda de claridade, canto máis pequena sexa a imaxe. Algunhas persoas se refiren a isto como con perdas.
  • O GIF funciona para animacións, iconas pequenas e imaxes de baixa resolución. Permite a compresión sen perdas, pero só podes usarata 256 cores.

Gardar iconas de Andreas Storm

3. Redimensiona e comprime as imaxes

Pode que teñas notado que as imaxes parecen cargarse pouco a pouco. Pasará algún tempo antes de que poidas ver a imaxe completa; un sinal de que probablemente as imaxes sexan demasiado pesadas. Redimensionar ou comprimir resolverá o problema.

Teña en conta que non debe cargar ningunha imaxe antes de optimizalas. E para obter a mellor calidade, procura que os ficheiros estean dentro do intervalo de 1 a 2 MB.

Utiliza a ferramenta de recorte para cambiar o tamaño das imaxes. Axuda a reducir o tamaño do ficheiro, obtendo unha mellor velocidade de carga das páxinas. Tes toneladas de ferramentas dispoñibles para o teu uso.

A compresión de imaxes axuda a reducir o tamaño do ficheiro. Pero podes distorsionar a imaxe se a comprimes demasiado. A compresión baixa pode ser ideal se queres manter a calidade da imaxe; porén, non reduce significativamente o tamaño.

Tipos de compresións

Hai dous conceptos que xa mencionamos anteriormente, compresión sen perdas ou compresión con perdas.

  • A compresión sen perdas mantén a calidade da imaxe mentres elimina metadatos innecesarios.
  • A compresión con perdas reduce o tamaño do ficheiro eliminando algúns dos elementos. Pode comprometer a calidade da imaxe. Non obstante, pode que non note a diferenza. Polo tanto, aínda pode ser unha excelente forma de comprimir imaxes.

O editor de imaxes correcto axudarache a determinar cala compresión funciona mellor para ti.

Ver tamén: Que diaños está a pasar cos dereitos de autor e a arte da intelixencia artificial?

4. Optimización da imaxe en primeiro lugar para móbiles

Calquera paso que tome debe seguir unha estratexia de SEO orientado a móbiles, xa que Google pasou á primeira clasificación para móbiles. As imaxes deben verse igual en calquera dispositivo móbil que en calquera dispositivo de escritorio. Unha enorme cantidade de tráfico de internet chega a través destes dispositivos.

Se os usuarios non están comprometidos cunha boa experiencia de usuario cando usan dispositivos móbiles, perderaos.

Considera optimizar as imaxes para o móbil. Se se ve ben na pequena pantalla, terá un aspecto fantástico nun escritorio ou nun portátil.

Optimización ASO por Abbi_Kerimov

5. Os nomes de ficheiros e o seu impacto no SEO

A optimización de imaxes tamén require que prestes atención á forma en que nomeas os ficheiros. Todas as accións que realices deberían ter como obxectivo mellorar a visibilidade nos buscadores. Cando cargues ou fas unha foto, o dispositivo daralle automaticamente un nome de ficheiro. Este nome normalmente inclúe códigos aleatorios ou números. Pode parecer algo así como 2224444.jpg.

Cargar a imaxe tal e como está no teu sitio web non axudará en absoluto aos motores de busca.

Facilita que os rastrexadores web te atopen asignando etiquetas descritivas a cada imaxe. Incorpora palabras clave relevantes que dean información sobre a túa empresa ou sitio.

6. Considera usar a carga preguiceira

A carga preguiceira das imaxes é exactamente como o nome indica. En vez decargando toda a imaxe á vez, desdobrase. A imaxe continúa cargando canto máis se despraza o visitante en liña pola páxina.

A carga pereza revela só o que é relevante nese momento. Acabarás aforrando ancho de banda porque non empregarás recursos innecesarios.

Cargando... por Dona

Pensamentos finais

O rendemento web é un factor de clasificación crítico que usan os motores de busca. Google penalizará o teu sitio se as velocidades de carga da páxina son baixas.

Moitos factores determinan a velocidade da páxina, e o uso da imaxe ordena unha das posicións superiores. Se non optimizas as imaxes, o rendemento da túa web sufrirá. As páxinas cargaranse lentamente e a experiencia e a participación do usuario non serán boas.

Escolle o formato de imaxe correcto. A continuación, use técnicas como redimensionar e comprimir para reducir o tamaño do ficheiro. Programe probas regulares de páxinas e auditorías do sitio para comprobar o rendemento do sitio.




Rick Davis
Rick Davis
Rick Davis é un experimentado deseñador gráfico e artista visual con máis de 10 anos de experiencia na industria. Traballou con diversos clientes, desde pequenas startups ata grandes corporacións, axudándolles a alcanzar os seus obxectivos de deseño e elevar a súa marca a través de imaxes eficaces e impactantes.Graduado na Escola de Artes Visuais da cidade de Nova York, Rick é un apaixonado por explorar novas tendencias e tecnoloxías de deseño e superar constantemente os límites do que é posible no campo. Ten unha profunda experiencia en software de deseño gráfico e sempre está ansioso por compartir os seus coñecementos e ideas con outros.Ademais do seu traballo como deseñador, Rick tamén é un blogueiro comprometido, e dedícase a cubrir as últimas tendencias e desenvolvementos no mundo do software de deseño gráfico. Cre que compartir información e ideas é fundamental para fomentar unha comunidade de deseño forte e vibrante, e sempre está ansioso por conectarse con outros deseñadores e creativos en liña.Se está deseñando un novo logotipo para un cliente, experimentando coas últimas ferramentas e técnicas no seu estudo ou escribindo artigos informativos e atractivos no blog, Rick sempre está comprometido en ofrecer o mellor traballo posible e en axudar aos demais a alcanzar os seus obxectivos de deseño.