Optimización de imágenes para internet

Imagen fotográfica a color

Optimizada para Pinterest- Dimensiones: 307x460 píxeles- Formato: jpg-
Peso de archivo cerrado: 78,8 kb

Imagen fotográfica monocromática

Optimizada para publicación en Facebook- Dimensiones: 476x317 píxeles- Formato: jpg- Peso de archivo cerrado: 91,6 kb

Imagen de origen vectorial

Optimizada para Blogger- Dimensiones: 720x916 píxeles- Formato: png
Peso de archivo cerrado: 41 kb

Mapa con elementos pequeños y definidos

Optimizada para Blogger desde celular- Dimensiones: 375x629 píxeles- Formato: png- Peso de archivo cerrado: 10,9 kb

Combinación de dos imágenes

Optimizada para Web sin plantilla- Dimensiones: 1583x1054 píxeles- Formato: jpg-
Peso de archivo cerrado: 154 kb

Peso total de las 5 imágnes: 376,3 KB

Comentarios

Entradas más populares de este blog

Tutorial

En el siguiente tutorial voy a enseñar como se diseña y arma un display y que detalles hay que tener en cuenta a la hora de realizarlo. Muchos se preguntarán qué es un display publicitario? Es una pieza gráfica que se coloca sobre mostradores, escaparate o estanterías en el punto de venta. Es una forma de publicidad que, en muchas ocasiones, sirve de soporte a campañas publicitarias lanzadas en otros medios y, en todo caso, apoya la venta del producto. Diseñado de display Paso 1: armar en el programa de diseño (en este caso se realizó en CorelDraw) de manera lineal y a tamaño real la morfología del display. Tener en cuenta de dejar 5 mm de más en los bordes como demasía o margen de seguridad. Si sucede como en mi caso que supera el tamaño de una A3, lo dividimos en dos partes para que entre dentro de la misma, ya que no se puede imprimir en autoadhesivo A2 . Si se tiene pensado hacerlo en cantidades si se puede recurrir a otros formas de impresión en donde no requiera...

Diseño de interacción y presentación

DISEÑO DE INTERACCIÓN DISEÑO DE CONTROLES Íconos básicos Diseños simples y planos con alto nivel de contraste sobre contenedores circulares. Íconos complementarios Diseños simples lineales, coherencia con la estética global de la app. Gestos necesarios 1- Tocar: tocar la superficie con la yema del dedo. 2- Deslizar : deslizar rápidamente y sin detenerse la superficie con la yema del dedo. 3- Juntar / Separar: tocar la superficie con dos dedos y juntarlos ó separarlos. (Zoom en cámara) Patrones de interacción: navegación Diseño de ux Calidad de interacción: Alta. Destrezas requeridas: Lectura, escritura motricidad manual, conocimientos básicos en controles de dispositivos táciles. Diagrama de flujo Wireframing DISEÑO DE PRESENTACIÓN Alternativas estéticas Desarrollo de pantallas finales

Análisis de aplicaciones similares

Plant Net DESCRIPCIÓN Es una aplicación que permite identificar plantas a partir de imágenes en comparación con información de una base de datos botánica. La app contiene especies de plantas silvestres de la flora de los siguientes lugares: Europa Occidental, Canadá, EEUU, Caribe, Amazonas, Andes Tropicales, África del Norte, Reunión, Mauricio, Asia Mediterránea Oriental y Hawai. ISOLOGOTIPO PERFIL DE USUARIO Edad ideal: A partir de los 20 años Género: Indistinto Nivel socio-económico: Medio-alto. Debe tener acceso a un dispositivo en el que se pueda ejecutar la app. Lugar de residencia: el usuario ideal debería residir en algunos de los lugares mencionados anteriormente, ya que la base de datos está desarrollada a partir de esas floras específicas. Nivel educativo alcanzado: Nivel inicial. Las competencias básicas necesarias son la lectura y la escritura. Dispositivos portátiles a los que accede: Smartphones, tablets y notebooks. ...

Danna Magliocchetti

Buscar este blog