Reduce o tamaño da imaxe para que as fotos se cargan máis rápido nas páxinas web
As imaxes que sexan demasiado grandes non se cargarán rapidamente nas páxinas web e os usuarios terán máis probabilidades de saír das súas páxinas se as imaxes non se cargan. Pero como fai unha imaxe máis pequena sen perder detalles? Este artigo sálvalles o proceso.
Como reducir o tamaño da imaxe
Antes de redimensionar a súa imaxe para a web, cómpre recortar a imaxe para eliminar as porcións innecesarias da imaxe. Despois de recortar, pode cambiar as dimensións do píxel en xeral para ir aínda máis pequenas.
Todo o software de edición de imaxes terá un comando para cambiar as dimensións dos píxeles dunha imaxe. Busque un comando chamado Tamaño de imaxe , redimensionar ou Resample . Cando use un destes comandos, presentarase un cadro de diálogo para introducir os píxeles exactos que desexa usar. Outras opcións que podes atopar no diálogo son:
- Resample: Se a imaxe é baleada cunha DSLR as probabilidades son moi boas que ten unha resolución de 300 píxeles por polgada (ppp). Se este é o caso, reduza o valor a 72 ou 100 e tamén diminuirá a dimensión física da imaxe. Nunca aumenta o valor ao usar unha imaxe na web.
- Limita as proporcións ou mantén a relación de aspecto: desexa activar esta opción. En Photoshop fai clic na opción para vincular os valores de ancho e alto . Evita que a imaxe se estire e distorsione. Cando esta opción estea habilitada, só precisa introducir un valor - altura ou ancho - eo outro valor axustarase automaticamente.
- Cambia o valor da resolución: Antes de cambiar os valores de ancho e alto, muda a resolución a un número máis baixo, chamado downsampling. Isto tamén reduce os valores de ancho e alto, polo que cambiar ese valor antes de que o downsampling poida facer que a imaxe sexa máis pequena do que pretende que sexa.
O formato do ficheiro é clave
As imaxes en liña adoitan estar nos formatos .jpg ou .png . O formato .png é un pouco máis preciso que o formato .jpg, pero os ficheiros .png tamén tenden a ter un tamaño de ficheiro un pouco maior. Se a imaxe contén transparencia, necesitará usar o formato .png e asegúrese de seleccionar a opción Transparencia .
Imaxes JPG que se consideran perdidas. A explicación floja é que son tan pequenos porque as áreas de cor contigua están agrupadas nunha única área que reduce a necesidade de lembrar a cor de cada píxel na imaxe. A cantidade de compresión determínase mediante o uso dun control deslizante de calidade en Photoshop. Os valores varían entre 0 e 12, polo tanto, canto menor sexa o número, menor será o tamaño do ficheiro e máis información que se perda. Un valor de 8 ou 9 é común para as imaxes destinadas á web.
Se vostede é un usuario de Sketch 3, comeza a configurar a Calidade cando faga clic no botón Exportar no panel Propiedades . Presentarás un control deslizante de calidade que varía de 0 a 100%. Un valor de calidade común é do 80%.
Ao elixir o nivel de compresión, manteña a calidade no medio a alto para evitar artefactos de compresión.
Nunca volva recompilar unha imaxe jpg. Se recibiu unha imaxe jpg xa comprimida, estableza a súa calidade a 12 en Photoshop ou 100% en Sketch 3.
Se a imaxe é pequena ou contén cores sólidas, considere o uso dunha imaxe GIF. Isto é especialmente útil para logotipos de cor única ou gráficos que non conteñen tons de cor. a vantaxe aquí é a capacidade de reducir a cantidade de cores na paleta de cores que ten un efecto maior no tamaño do ficheiro.
Nunca cambie o tamaño e sobreescriba o seu ficheiro orixinal.
Despois de dimensionar a imaxe, asegúrese de facer un Gardar como para non sobrescribir o seu ficheiro orixinal de alta resolución. aquí tes algunhas suxestións:
- Queres tirar un tamaño de arquivo de 50 a 250 KB por imaxe. Vaia pequeno se poñer varios ficheiros na mesma páxina ou envialos nun só correo electrónico.
- Tenta non superar os 1000 KB por páxina web para o total de todas as imaxes.
Isto pode parecer un proceso lento, especialmente se ten moitas fotos para compartir, pero afortunadamente, a maior parte do software de hoxe facilitou o tamaño e comprime un lote de fotos de forma moi rápida. A maioría da xestión de imaxes e algúns programas de edición de imaxes teñen un comando "fotos de correo electrónico" que redimensionará e comprimirá as imaxes para ti. Algúns programas poden incluso redimensionar, comprimir e xerar galerías de fotos completas para publicarse na web. E hai ferramentas especializadas para estas dúas tarefas, moitas delas de software libre.
Imágenes de cambio de tamaño por lotes
Aquí tes algúns recursos para usar se está redimensionando as imaxes en lotes:
- Mudar o tamaño de varios ficheiros con elementos de Photoshop
- Mudar o tamaño de varios arquivos con Picasa
- Como redimensionar un lote de imaxes con XnView
- Cambio de tamaño e recorte por lotes: ferramentas e consellos