SlideShare una empresa de Scribd logo
1 de 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.

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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
 

Similar a 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
 

Similar a 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
 

Último

TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 

Último (20)

TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 

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.