SlideShare ist ein Scribd-Unternehmen logo
1 von 8
Alumna: Diana Zavala Camacho
*La elección de imágenes es, sin duda, una de
las tareas más divertidas y difíciles en la
creación de una página web. Diferentes sitios
necesitan imágenes diferentes por distintas
razones. Es posible que necesites que las
imágenes transmitan cierta atmósfera, o puede
que las uses como parte de tu estrategia de
marketing o ventas. De cualquier manera, hay
algunas reglas comunes que se aplican a casi
cualquier tipo de página web, y esta breve guía
abarca a todos.
*El criterio más fácil de seguir
es el técnico: debes asegurarte de
que las imágenes en tu sitio son de
alta calidad.
*Las imágenes borrosas, granuladas
o con manchas están simplemente
fuera de cuestión.
Las imágenes de baja calidad, no sólo son desagradables a la vista,
sino que también
*dejan la sensación de que el sitio fue creado por un aficionado, y
eso es lo último que quieres que la gente asocie con tu página web.
Otra especificación técnica importante es que las imágenes deben
ser al menos de tamaño mediano o mayor (no menor de 300 píxeles
de ancho o largo).
*PERO! A pesar de que se deben utilizar imágenes de buena calidad
y tamaño medio+, por el bien del tiempo de carga de tu página
web, debes tratar de reducir el tamaño del archivo, especialmente
si tu sitio tiene muchas imágenes.
La optimización de imágenes para un sitio web puede ser complicado. Hay
multitud de opciones y pueden resultar ser más técnicas, pero en este
artículo vamos a simplificar algunos aspectos básicos. Para explicar un poco
acerca de la optimización de imágenes para la web vamos a mostrar
algunos ejemplos. Para esto vamos a convertir una imagen en cuatro
diferentes tipos de archivos. Estos son los resultados.
Tipo de imagen Dimensiones Tamaño
Gif 500 x 377 43.4kb
Jpeg 500 x 377 90.2kb
PNG-24 500 x 377 137kb
Bitmap 500 x 377 552kb
La primera y más importante razón para optimizar las imágenes es para la
experiencia del usuario. Nosotros queremos que las imágenes se vean grandes
y carguen rápido para que el usuario este contento. La siguiente razón sería el
ancho de banda. Cada bit de ancho de banda utilizado cuesta dinero, así que
será mejor conservarlo y utilizarlo sabiamente.
1. Antes de cargar
Sin ninguna duda debemos reducir el tamaño de la imagen antes de subirla a
WordPress.
No es una buena idea cargar una imagen de grandes dimensiones y reducirla a
través de WordPress, pues la mayoría de los themes de WordPress almacena el
tamaño original mostrando una versión redimensionada y la versiones en
miniatura. Esto puede significar que esta almacenando 5 o 6 imágenes justo
después de subir una. Además cada vez que una imagen se carga en el servidor
tiene que cambiar el tamaño de la imagen, lo que necesita tiempo.
2. Pensar en el tamaño de nuevo
Sólo al reducir el tamaño de una imagen en el formato de archivo JPEG de 500
de ancho y 400 de ancho se pasa a una imagen de 90.2kb a 56.8kb. Esto
significa un ahorro increíble. Si estás pensando en la construcción de un sitio
web de autoridad es probable que tengas que añadir imágenes a cientos de
artículos lo que conlleva a un gran impacto en la velocidad de carga del sitio
web.
3. Dónde almacenar imágenes
Se puede subir una imagen por artículo o página, pero las demás es
recomendable que se almacenen en otro servidor. Podemos utilizar Amazon
S3 o Mozy, ya que son sitios confiables y muy baratos.
Se pueden almacenar imágenes por todo Internet de forma gratuita, pero si nos
vamos a tomar en serio la construcción de un negocio, es necesario llevar el
control de todo nuestro contenido. No queremos que nuestras imágenes vayan
desapareciendo y se generen enlaces rotos, lo que terminaría originando la
caída en el ranking de búsqueda, por lo que debes conservar estas imágenes en
un servicio de almacenamiento de archivos en línea o en nuestro propio
servidor. Lo mismo pasa con el alojamiento web, es necesario disponer de
nuestro propio alojamiento para poder llevar el control completo del negocio.
4. Selecciona un formato de archivos
Cuando guardamos una imagen en el equipo tenemos la opción de elegir el
formato como JPEG, PNG, GIF, BMP o más en función del programa que se
utilice. Entonces necesitamos saber que tipo de archivo es el adecuando para
la optimización de imágenes antes de guardar el archivo.
Esto va a depender en gran medida de la imagen en sí. Si tenemos una
imagen plana con una cantidad limitada de colores. Por ejemplo una captura
de pantalla del ordenador, esta imagen se puede guardar en un formato de 8
bits GIF o PNG. La explicación de esto es porque no es necesario mostrar
muchos detalles y colores de la imagen. En cambio si tenemos una foto con
mucho colorido y exige calidad, entonces será necesario elegir JPG o PNG 24
bits, aunque JPG es más pequeño.
Ventajas:
1. No necesitas realizar un pago para utilizar el programa. Claro,
también hay versiones de pago así como un programa de escritorio,
pero la mayoría son gratuitos.
2. Para utilizar un editor de fotos online sólo necesitas tener una
conexión a internet.
3. Muchos programas online te permiten cargar las fotografías desde
tu computador o través de la URL, si la fotografía está en una página
web por ejemplo.
4. Algunos de ellos te permiten compartir la fotografía ya editada a través de tus redes sociales como Facebook o
Twitter.
5. Carga mucho más rápido.
6. La gran mayoría tiene aplicaciones para teléfonos móviles lo que hace que cada vez más personas retoquen sus
fotografías a la mano.
Desventajas:
1. Algunas de ellas no tienen las mismas funciones y herramientas que un programa de escritorio.
2. La mayoría de estos editores de fotos online no están disponibles en el idioma español.
Como vemos son más las ventajas que desventajas el utilizar un programa de retoques online, como mencioné
hace un momento, también hay aplicaciones para teléfonos.

Weitere ähnliche Inhalte

Was ist angesagt?

Como configurar tu página en construcción en WordPress
Como configurar tu página en construcción en WordPressComo configurar tu página en construcción en WordPress
Como configurar tu página en construcción en WordPressJesus Parrado Alameda
 
Page En WordPress Sin Complementos
Page En WordPress Sin Complementos
Page En WordPress Sin Complementos
Page En WordPress Sin Complementos frailmuseum9484
 
trabajo de imagenes
trabajo de imagenestrabajo de imagenes
trabajo de imagenesPipe Estrada
 
Por qué elegir wordpress como cms
Por qué elegir wordpress como cmsPor qué elegir wordpress como cms
Por qué elegir wordpress como cmsedgardom
 
Curso bloggers zaragoza
Curso bloggers zaragozaCurso bloggers zaragoza
Curso bloggers zaragozavmartinp
 
Modifica y crea temas de WordPress - Meetup WP Ourense
Modifica y crea temas de WordPress - Meetup WP OurenseModifica y crea temas de WordPress - Meetup WP Ourense
Modifica y crea temas de WordPress - Meetup WP OurenseJuan Hernando García
 
10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017
10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 201710 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017
10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017Juan Seguí Moreno
 
7 claves para un blogger
7 claves para un blogger7 claves para un blogger
7 claves para un bloggerEricSafontCorts
 
Optimiza tu WordPress para móviles en media hora con AMP
Optimiza tu WordPress para móviles en media hora con AMPOptimiza tu WordPress para móviles en media hora con AMP
Optimiza tu WordPress para móviles en media hora con AMPFernando Serer
 
Hoja de reflexión informática
Hoja de reflexión  informáticaHoja de reflexión  informática
Hoja de reflexión informáticajorge_conde77
 
PROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEB
PROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEBPROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEB
PROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEBDiseño Web
 
Primeros pasos en WordPress: cómo concretar tu idea en tu web
Primeros pasos en WordPress: cómo concretar tu idea en tu webPrimeros pasos en WordPress: cómo concretar tu idea en tu web
Primeros pasos en WordPress: cómo concretar tu idea en tu webNominalia
 
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...wpargentina
 
Crit f evaluacion_y_futuro_desarrollo_del_producto
Crit f evaluacion_y_futuro_desarrollo_del_productoCrit f evaluacion_y_futuro_desarrollo_del_producto
Crit f evaluacion_y_futuro_desarrollo_del_productoLaura Lyons
 
Procedimiento la wed
Procedimiento  la wedProcedimiento  la wed
Procedimiento la wedmartinezgomez
 

Was ist angesagt? (19)

Como configurar tu página en construcción en WordPress
Como configurar tu página en construcción en WordPressComo configurar tu página en construcción en WordPress
Como configurar tu página en construcción en WordPress
 
Blogger
BloggerBlogger
Blogger
 
Libro diseno
Libro disenoLibro diseno
Libro diseno
 
Page En WordPress Sin Complementos
Page En WordPress Sin Complementos
Page En WordPress Sin Complementos
Page En WordPress Sin Complementos
 
trabajo de imagenes
trabajo de imagenestrabajo de imagenes
trabajo de imagenes
 
Por qué elegir wordpress como cms
Por qué elegir wordpress como cmsPor qué elegir wordpress como cms
Por qué elegir wordpress como cms
 
Curso bloggers zaragoza
Curso bloggers zaragozaCurso bloggers zaragoza
Curso bloggers zaragoza
 
Amawebs
AmawebsAmawebs
Amawebs
 
Presentación1
Presentación1Presentación1
Presentación1
 
Modifica y crea temas de WordPress - Meetup WP Ourense
Modifica y crea temas de WordPress - Meetup WP OurenseModifica y crea temas de WordPress - Meetup WP Ourense
Modifica y crea temas de WordPress - Meetup WP Ourense
 
10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017
10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 201710 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017
10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017
 
7 claves para un blogger
7 claves para un blogger7 claves para un blogger
7 claves para un blogger
 
Optimiza tu WordPress para móviles en media hora con AMP
Optimiza tu WordPress para móviles en media hora con AMPOptimiza tu WordPress para móviles en media hora con AMP
Optimiza tu WordPress para móviles en media hora con AMP
 
Hoja de reflexión informática
Hoja de reflexión  informáticaHoja de reflexión  informática
Hoja de reflexión informática
 
PROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEB
PROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEBPROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEB
PROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEB
 
Primeros pasos en WordPress: cómo concretar tu idea en tu web
Primeros pasos en WordPress: cómo concretar tu idea en tu webPrimeros pasos en WordPress: cómo concretar tu idea en tu web
Primeros pasos en WordPress: cómo concretar tu idea en tu web
 
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
 
Crit f evaluacion_y_futuro_desarrollo_del_producto
Crit f evaluacion_y_futuro_desarrollo_del_productoCrit f evaluacion_y_futuro_desarrollo_del_producto
Crit f evaluacion_y_futuro_desarrollo_del_producto
 
Procedimiento la wed
Procedimiento  la wedProcedimiento  la wed
Procedimiento la wed
 

Ähnlich wie Trabajo de optimización

Optimizar imágenes para web con Fireworks
Optimizar imágenes para web con FireworksOptimizar imágenes para web con Fireworks
Optimizar imágenes para web con FireworksColectivo Arista
 
Mis fotografías en La Web
Mis fotografías en La WebMis fotografías en La Web
Mis fotografías en La WebÁngel Encinas
 
Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...
Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...
Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...Eduardo Díaz San Millán
 
Fase1fredypardo
Fase1fredypardoFase1fredypardo
Fase1fredypardopitufos203
 
Fase1fredypardo
Fase1fredypardoFase1fredypardo
Fase1fredypardofasefpardo
 
Fase1fredypardo
Fase1fredypardoFase1fredypardo
Fase1fredypardofasefpardo
 
Fase1fredypardo
Fase1fredypardoFase1fredypardo
Fase1fredypardopitufos203
 
Preparación del blog
Preparación del blogPreparación del blog
Preparación del blogJulieta M
 
SERVICIOS DENTRO DE LOS CORREOS ELECTRONICOS CORREOS GRATUITOS
SERVICIOS DENTRO DE LOS CORREOS ELECTRONICOS  CORREOS GRATUITOS SERVICIOS DENTRO DE LOS CORREOS ELECTRONICOS  CORREOS GRATUITOS
SERVICIOS DENTRO DE LOS CORREOS ELECTRONICOS CORREOS GRATUITOS Angelica Peralta
 
DISEÑO DE INTERFACES WEB, Elementos multimedia. Creación e integración
DISEÑO DE INTERFACES WEB, Elementos multimedia. Creación e integraciónDISEÑO DE INTERFACES WEB, Elementos multimedia. Creación e integración
DISEÑO DE INTERFACES WEB, Elementos multimedia. Creación e integraciónedgarsaus85
 
Unidad educativa santo domingo
Unidad educativa santo domingoUnidad educativa santo domingo
Unidad educativa santo domingopaul07llumi
 
Presentacion tips optimizar tiempo de carga pagina web
Presentacion tips optimizar tiempo de carga pagina webPresentacion tips optimizar tiempo de carga pagina web
Presentacion tips optimizar tiempo de carga pagina webservidoresdedic
 

Ähnlich wie Trabajo de optimización (20)

Optimizar imágenes para web con Fireworks
Optimizar imágenes para web con FireworksOptimizar imágenes para web con Fireworks
Optimizar imágenes para web con Fireworks
 
Mis fotografías en La Web
Mis fotografías en La WebMis fotografías en La Web
Mis fotografías en La Web
 
Imagenes en un blog
Imagenes en un blogImagenes en un blog
Imagenes en un blog
 
Wordpress
WordpressWordpress
Wordpress
 
Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...
Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...
Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...
 
Word press
Word pressWord press
Word press
 
CyberAdmin
CyberAdminCyberAdmin
CyberAdmin
 
Fase1fredypardo
Fase1fredypardoFase1fredypardo
Fase1fredypardo
 
Fase1fredypardo
Fase1fredypardoFase1fredypardo
Fase1fredypardo
 
Fase1fredypardo
Fase1fredypardoFase1fredypardo
Fase1fredypardo
 
Fase1fredypardo
Fase1fredypardoFase1fredypardo
Fase1fredypardo
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Como mejorar-la-velocidad-de-tu-wordpress
Como mejorar-la-velocidad-de-tu-wordpressComo mejorar-la-velocidad-de-tu-wordpress
Como mejorar-la-velocidad-de-tu-wordpress
 
Formatos imagen
Formatos imagenFormatos imagen
Formatos imagen
 
Preparación del blog
Preparación del blogPreparación del blog
Preparación del blog
 
SERVICIOS DENTRO DE LOS CORREOS ELECTRONICOS CORREOS GRATUITOS
SERVICIOS DENTRO DE LOS CORREOS ELECTRONICOS  CORREOS GRATUITOS SERVICIOS DENTRO DE LOS CORREOS ELECTRONICOS  CORREOS GRATUITOS
SERVICIOS DENTRO DE LOS CORREOS ELECTRONICOS CORREOS GRATUITOS
 
Paginas web
Paginas webPaginas web
Paginas web
 
DISEÑO DE INTERFACES WEB, Elementos multimedia. Creación e integración
DISEÑO DE INTERFACES WEB, Elementos multimedia. Creación e integraciónDISEÑO DE INTERFACES WEB, Elementos multimedia. Creación e integración
DISEÑO DE INTERFACES WEB, Elementos multimedia. Creación e integración
 
Unidad educativa santo domingo
Unidad educativa santo domingoUnidad educativa santo domingo
Unidad educativa santo domingo
 
Presentacion tips optimizar tiempo de carga pagina web
Presentacion tips optimizar tiempo de carga pagina webPresentacion tips optimizar tiempo de carga pagina web
Presentacion tips optimizar tiempo de carga pagina web
 

Kürzlich hochgeladen

Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfTarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfCarol Andrea Eraso Guerrero
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfDannyTola1
 
La evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariaLa evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariamarco carlos cuyo
 
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)veganet
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDUgustavorojas179704
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdfOswaldoGonzalezCruz
 
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfNataliaMalky1
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfluisantoniocruzcorte1
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfDaniel Ángel Corral de la Mata, Ph.D.
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIAAbelardoVelaAlbrecht1
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxMartín Ramírez
 

Kürzlich hochgeladen (20)

Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfTarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdf
 
La evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariaLa evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundaria
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
 
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
 

Trabajo de optimización

  • 2. *La elección de imágenes es, sin duda, una de las tareas más divertidas y difíciles en la creación de una página web. Diferentes sitios necesitan imágenes diferentes por distintas razones. Es posible que necesites que las imágenes transmitan cierta atmósfera, o puede que las uses como parte de tu estrategia de marketing o ventas. De cualquier manera, hay algunas reglas comunes que se aplican a casi cualquier tipo de página web, y esta breve guía abarca a todos.
  • 3. *El criterio más fácil de seguir es el técnico: debes asegurarte de que las imágenes en tu sitio son de alta calidad. *Las imágenes borrosas, granuladas o con manchas están simplemente fuera de cuestión. Las imágenes de baja calidad, no sólo son desagradables a la vista, sino que también *dejan la sensación de que el sitio fue creado por un aficionado, y eso es lo último que quieres que la gente asocie con tu página web. Otra especificación técnica importante es que las imágenes deben ser al menos de tamaño mediano o mayor (no menor de 300 píxeles de ancho o largo). *PERO! A pesar de que se deben utilizar imágenes de buena calidad y tamaño medio+, por el bien del tiempo de carga de tu página web, debes tratar de reducir el tamaño del archivo, especialmente si tu sitio tiene muchas imágenes.
  • 4. La optimización de imágenes para un sitio web puede ser complicado. Hay multitud de opciones y pueden resultar ser más técnicas, pero en este artículo vamos a simplificar algunos aspectos básicos. Para explicar un poco acerca de la optimización de imágenes para la web vamos a mostrar algunos ejemplos. Para esto vamos a convertir una imagen en cuatro diferentes tipos de archivos. Estos son los resultados. Tipo de imagen Dimensiones Tamaño Gif 500 x 377 43.4kb Jpeg 500 x 377 90.2kb PNG-24 500 x 377 137kb Bitmap 500 x 377 552kb
  • 5. La primera y más importante razón para optimizar las imágenes es para la experiencia del usuario. Nosotros queremos que las imágenes se vean grandes y carguen rápido para que el usuario este contento. La siguiente razón sería el ancho de banda. Cada bit de ancho de banda utilizado cuesta dinero, así que será mejor conservarlo y utilizarlo sabiamente. 1. Antes de cargar Sin ninguna duda debemos reducir el tamaño de la imagen antes de subirla a WordPress. No es una buena idea cargar una imagen de grandes dimensiones y reducirla a través de WordPress, pues la mayoría de los themes de WordPress almacena el tamaño original mostrando una versión redimensionada y la versiones en miniatura. Esto puede significar que esta almacenando 5 o 6 imágenes justo después de subir una. Además cada vez que una imagen se carga en el servidor tiene que cambiar el tamaño de la imagen, lo que necesita tiempo.
  • 6. 2. Pensar en el tamaño de nuevo Sólo al reducir el tamaño de una imagen en el formato de archivo JPEG de 500 de ancho y 400 de ancho se pasa a una imagen de 90.2kb a 56.8kb. Esto significa un ahorro increíble. Si estás pensando en la construcción de un sitio web de autoridad es probable que tengas que añadir imágenes a cientos de artículos lo que conlleva a un gran impacto en la velocidad de carga del sitio web. 3. Dónde almacenar imágenes Se puede subir una imagen por artículo o página, pero las demás es recomendable que se almacenen en otro servidor. Podemos utilizar Amazon S3 o Mozy, ya que son sitios confiables y muy baratos. Se pueden almacenar imágenes por todo Internet de forma gratuita, pero si nos vamos a tomar en serio la construcción de un negocio, es necesario llevar el control de todo nuestro contenido. No queremos que nuestras imágenes vayan desapareciendo y se generen enlaces rotos, lo que terminaría originando la caída en el ranking de búsqueda, por lo que debes conservar estas imágenes en un servicio de almacenamiento de archivos en línea o en nuestro propio servidor. Lo mismo pasa con el alojamiento web, es necesario disponer de nuestro propio alojamiento para poder llevar el control completo del negocio.
  • 7. 4. Selecciona un formato de archivos Cuando guardamos una imagen en el equipo tenemos la opción de elegir el formato como JPEG, PNG, GIF, BMP o más en función del programa que se utilice. Entonces necesitamos saber que tipo de archivo es el adecuando para la optimización de imágenes antes de guardar el archivo. Esto va a depender en gran medida de la imagen en sí. Si tenemos una imagen plana con una cantidad limitada de colores. Por ejemplo una captura de pantalla del ordenador, esta imagen se puede guardar en un formato de 8 bits GIF o PNG. La explicación de esto es porque no es necesario mostrar muchos detalles y colores de la imagen. En cambio si tenemos una foto con mucho colorido y exige calidad, entonces será necesario elegir JPG o PNG 24 bits, aunque JPG es más pequeño.
  • 8. Ventajas: 1. No necesitas realizar un pago para utilizar el programa. Claro, también hay versiones de pago así como un programa de escritorio, pero la mayoría son gratuitos. 2. Para utilizar un editor de fotos online sólo necesitas tener una conexión a internet. 3. Muchos programas online te permiten cargar las fotografías desde tu computador o través de la URL, si la fotografía está en una página web por ejemplo. 4. Algunos de ellos te permiten compartir la fotografía ya editada a través de tus redes sociales como Facebook o Twitter. 5. Carga mucho más rápido. 6. La gran mayoría tiene aplicaciones para teléfonos móviles lo que hace que cada vez más personas retoquen sus fotografías a la mano. Desventajas: 1. Algunas de ellas no tienen las mismas funciones y herramientas que un programa de escritorio. 2. La mayoría de estos editores de fotos online no están disponibles en el idioma español. Como vemos son más las ventajas que desventajas el utilizar un programa de retoques online, como mencioné hace un momento, también hay aplicaciones para teléfonos.