Category Nuevas tecnologías

camara_sola-01

tipos de imágenes para subir a tu web o blog: cual elegir y por qué

Archivo base¿ Qué tipos de imágenes digitales son las más usadas?

Consideraremos dos tipos de imágenes digitales: las vectoriales y los mapas de bits

Imagen vectorial o vector: es un tipo de imagen creada con un programa de diseño. Normalmente se utiliza para los logotipos, los iconos y  las  ilustraciones o los dibujos.

La característica principal de los vectores es que cuando se amplía la imagen no se “pixela”.Es decir, se ve perfectamente definida a todos los tamaños.

Mapa de bits: es un tipo de imagen compuesta por infinidad de puntos, denominados “píxeles”, cada uno con un color y una luminosidad concreta. Se utilizan en fotografía porque la gama de colores es mucho más amplia que en los vectores.

Cuando se agranda una imagen de este tipo llega un momento en que la imagen pierde nitidez y se visualizan los puntitos que la componen, se “pixela”.

Tanto los vectores como los mapas de bits se guardan en archivos gráficos con diferentes formatos. Los mapas de bits ocupan mucho más espacio que los vectores.

¿Cuáles son los formatos más convenientes para subir a nuestra web?

 En general, la mayoría de las entradas a los blogs se acompañan por algún tipo de imagen  que añada valor al contenido, solemos utilizar los mapas de bits, en particular estos tres formatos:

    JPG o JPEG: el más común. El formato típico de las cámaras de fotos y de las que obtenemos con los móviles.

    PNG: recomendado para logotipos y gráficos en los que necesitas conservar el fondo transparente.

    GIF: se utiliza en animaciones.

¿ A qué nos referimos con  la expresión “tamaño de imagen” y “peso de la imagen”?

El tamaño de la imagen es la dimensión que ocupa en una pantalla o cuando se imprime una foto en papel. Podemos hablar de centímetros, 13 x18 cm, pero es preferible que lo definamos en píxeles, 1024×768 píxeles.

Como orientación diremos que una imagen es:

    Grande cuando tiene un tamaño igual o mayor a 1024×768 píxeles

    Mediana cuando el tamaño va de 320×240 a 1024×768 píxeles

    Pequeña cuando el tamaño es menor a 320×240 píxeles

    Muy pequeña cuando es menor a 100×100 píxeles

El peso de la imagen es lo que ocupa el archivo en la unidad de almacenamiento. Por ejemplo, en un disco duro o en un pendrive. Cuanto más pese la imagen  menos archivos se pueden guardar ya que la capacidad de almacenamiento es limitada.

A nosotros lo que nos interesa es que no sea muy pesada para que la carga de nuestra página web sea más rápida.

Aproximadamente se considera que una imagen es:

    Pesada si tiene 1 MB o más

    De peso mediano si va de 300KB a 1 MB

    Ligera si su peso es menor de 300KB

    Muy ligera si el peso es inferior a 100KB

 

 

tipos de imágenes para subir a tu web o blog: cual elegir y por qué
Vota esta página

burro

mejorar la velocidad de carga de la web 1 : optimización de imágenes

Velocidad de carga de una web  y optimización de imágenes

¿Qué es la velocidad de carga de una web?

La velocidad de carga de una web es el tiempo en que tarda en aparecer esa página de forma completa en la pantalla del usuario, con sus imágenes, sus estilos y sus funcionalidades.

¿A qué afecta y cómo?

Cuando una página web tarda mucho en cargarse, el usuario se impacienta, y tiene una percepción negativa que hará que evite navegar por esa web e incluso hable mal de ella con otros usuarios. Además, esa demora en la carga es interpretada por los navegadores de tal forma que van penalizando el posicionamiento de la misma.

Uno de los factores que afectan a la velocidad de carga es la optimización de las imágenes que utilizamos en nuestra web o blog.

Optimizar quiere decir que la imagen tenga la calidad más alta, con el tamaño de archivo más pequeño. Es decir, que la imagen “pese” poco y se vea bien.

Para conseguir esta optimización debemos tener en cuenta:

El tamaño de la imagen: debemos elegir el tamaño al que se va a visualizar realmente. Si la imagen tiene 1920×1080 píxeles, por ejemplo, y el tamaño máximo real al que se verá en una pantalla normal puede ser de 800 x 600 píxeles, reescalaremos la imagen a esta medida

La compresión de la imagen: puede perder algo de calidad pero si se hace apropiadamente, la mayoría de los usuarios ni se dará cuenta. Es la forma de conseguir que los archivos pesen menos.

optimizacion-01

Algunas herramientas disponibles para optimizar imágenes:

  1. Tiny PNG-app gratuita
  2. GIMP- gratuita
  3. Adobe Photoshop
  4. JEPG mini-hay versión web gratuita
  5. ImageOptim es un software para Mac
  6. Trimage es un software de Windows

La carga en paralelo de las imágenes: consiste en utilizar otro dominio o subdominios para almacenar imágenes, mientras el sistema atiende el resto de llamadas del servidor, estas imágenes se van cargando en paralelo.

Para la mayoría de las páginas no será necesario realizar la carga en paralelo, sobretodo si no son muy extensas y no presentan un volumen alto de imágenes. Mediante el redimensionamiento de la imagen y la compresión del archivo conseguiremos mejorar notablemente nuestra velocidad de carga.

 

mejorar la velocidad de carga de la web 1 : optimización de imágenes
Vota esta página

9 (3)

mejorar la velocidad de carga 2: usar la extensión Google PageSpeed Insight Tool

¿Qué es Google PageSpeed Insight Tool?

Google PageSpeed Insight Tool es una extensión del navegador Chrome de Google. Las extensiones son pequeñas aplicaciones que añaden funcionalidades extras al navegador, en concreto esta extensión  nos ayuda de tres maneras:

Lo primero que hace es analizar la velocidad de carga de nuestra página web. Escribimos la URL de nuestra página en la casilla pertinente y seguidamente nos proporciona un ranking sobre una puntuación de 100 que nos orienta para saber si nuestra página se carga bien en el ordenador y en dispositivos móviles.

Lo segundo que hace es  sugerirnos qué puntos podemos mejorar en nuestra página en cuanto a estilos, javascript  e imágenes para ganar en velocidad de carga. Nos dan un listado con cada posible corrección.

Lo tercero, muy práctico, es que nos proporciona los recursos que podemos cambiar en nuestra página web para acelerar la carga. En particular nos entrega en un archivo comprimido los ficheros css, los ficheros js y las imágenes optimizadas. 

          Tan sólo con sustituir estas imágenes en  nuestra web veremos que el ranking de velocidad de carga de la  página se incrementa notablemente. Hay que tener en cuenta que las imágenes nos las dan en una sola carpeta y que tendremos que sustituirlas en la ubicación correcta. Si tenemos muchas carpetas de imágenes en la web nos podremos guiar por el path  que está en el listado de sugerencias de optimización.

google-pagespeed-insights

 

Instalación de la extensión o versión online

Podemos utilizar la extensión en su versión online o instalarla en nuestro navegador. Para ello iremos al menú del navegador y elegiremos la opción  Más herramientas->Extensiones  y al final de la página hay un enlace Obtener más extensiones  que nos llevará a Chrome Web Store. 

Para instalar la extensión clicar sobre Gratis , que aparece en la esquina inferior derecha.

 

 

mejorar la velocidad de carga 2: usar la extensión Google PageSpeed Insight Tool
Vota esta página

carpinteria

página web para carpintería maderas gardea s.c.

gardeaCarpintería Maderas Gardea S.C. es una empresa que fabrica ventanas de madera de altas prestaciones y acabados de gran calidad y durabilidad. Disponía de una página web muy básica y que no ofrecía una muy buena imagen de la empresa.

Se pusieron en contacto con Poison Estudio buscando dos cosas principalmente: posicionamiento e imagen. No necesitaban una página con mucha información, con una página simple y bien estructurada les era suficiente.

 

Ángel, un gerente con las ideas muy claras, se dio cuenta de que la herramienta de chat para contactar con la empresa en la página principal, era un recurso muy importante y se lo instalamos.

 

Los resultados no tardaron en llegar, el trabajo de posicionamiento que se hizo tanto en la web como en el Google Maps le dio a este cliente el incremento de llamadas que necesitaba para aumentar sus ventas.

¿Te apetece probar lo mismo? Cuesta menos de lo que te imaginas.

página web para carpintería maderas gardea s.c.
Vota esta página

la-oficina_portada

página web responsive para La Oficina

Página web responsive de la empresa La Oficina

La Oficina es una asesoría que ofrece servicios administrativos integrales.

La empresa se dedica desde el mantenimiento y gestión de tu comunidad hasta la tramitación de impuesto o la declaración de la renta. También llevan a cabo confección de contratos de alquiler o tramitan altas y bajas de Hacienda y Seguridad Social.

Mª Encarnación y Mª Jesús nos llamaron porque querían plasmar sus servicios en una página web con un diseño impecable y que transmitiera su buen hacer. El resultado ha sido un sitio web creado en wordpress, completamente adaptable a todos los dispositivos móviles, que no necesita mantenimiento que refleja la calidad de su trabajo.

¿Por qué se decidieron por WordPress? Poison Estudio se lo recomendó porque es un gestor de contenidos gratuito con el que se realizan los cambios básicos de una web con sencillez, orientado y optimizado para el posicionamiento y comercio electrónico, que permite diseños profesionales y html5. También permite optimizaciones y ampliaciones con infinidad de herramientas y plugins y se alimenta de una comunidad en crecimiento constante.

Por último y no menos importate, permite hacer un re-styling o refresco de la página sin tener que empezar de cero gracias a su repositorio de plantillas o temas, una web actualizada da una imagen más profesional. Las integrantes de La Oficina lo vieron claro.

página web responsive para La Oficina
Vota esta página

urbanbeerbilbao_screenshot

página web para Urban Beer Bilbao

La pagina web de la cerveza artesanal más bilbaína

pagina web cervezaUrban Beer es una fábrica de cerveza artesana y natural.
Elaboran sus propias recetas. Buscan el alma y el corazón de la cerveza, y necesitaban una página web que reflejara esa energía.

 

Utilizan materia prima de primera calidad y querían que su imagen se refrescara para lograr transmitir esa calidad que es uno de los pilares de su filosofía.

 

Nos llamaron concertando una cita en sus instalaciones, y así pudimos vivir en primera persona la experiencia de elaborar un producto con pasión, con ilusión, con dedicación. Tuvimos el privilegio de probar su cerveza y nos sorprendió el sabor, la diferencia, la suavidad y los diferentes aromas.

Arantxa e Iñigo se nos acogieron y transmitieron sus necesidades, enseñaron los estilos de imagen que les gustaban y les hicimos un prototipo de acuerdo a ello.

Como resultado de todo ello tenemos la página bilbaobeer.com que es una explosión de imágenes que muestran su producto, tiene una tienda online en la que puedes comprar su cerveza cómodamente y un blog donde podrás encontrar las últimas noticias sobre ellos y temas relacionados.

 

Es un lujo encontrar empresas que se dediquen a su pasión y formar parte, aunque sea por un instante, de su sueño.

página web para Urban Beer Bilbao
Vota esta página

comenta

Queremos saber tu opinión

(Y compensarte por ello)

Como ya sabéis, nuestra empresa Poison Estudio trabajamos todo tipo de temas relacionados con la comunicación y la web en Bilbao. Si estás leyendo esto es porque seguramente hayamos trabajado juntos previamente. Y esperamos que nuestra relación siga siendo tan satisfactoria como hasta ahora.
Hoy, el motivo por el que te escribimos es para ofrecerte un WIN-WIN, algo en lo que tanto tú como nosotros ganamos sin dinero de por medio.
¿Has dicho gratis? ¡Me apunto!

¿Qué queremos y por qué lo queremos?

Lo que te proponemos es bien sencillo. Como sabrás, todas las empresas (tanto la tuya como la nuestra) dependemos de lo bien que nos posicionemos, pero no solo de eso. Hoy en día una de las cosas que más importancia tienen cuando alguien echa un vistazo a un negocio por Internet son las opiniones.

¿Cuántos hoteles se han ido al garete por una serie de malas críticas en Tripadvisor? ¿Cuántos han tenido que cerrar su Facebook por una mala reputación? Ya no basta con ofrecer un buen servicio, la gente ha de leer –de la mano de otras personas- que esa empresa es de confianza.

Lo que te vamos a pedir es tu sinceridad.
Para ello, te pedimos un minuto de tu tiempo para entrar en nuestro perfil de Google Plus y le des a “Escribir una reseña”. Ahí mismo podéis escribirnos sobre vuestro grado de satisfacción, resultados obtenidos y, cómo no, aspectos a mejorar (¡de los errores se aprende!) a nivel de diseño y posicionamiento de Google.

Es algo que da pereza, lo sabemos, y no te lo vamos a pedir sin darte algo a cambio (por supuesto).

¿Cómo vamos a compensar tu colaboración?

Recibir tu opinión es muy importante para nosotros, pues es desde ahí de donde uno/a aprende: el feedback es imprescindible para seguir hacia delante. Además, nos ayudarás a conseguir nuevos clientes que, como tú, buscan los servicios que ofrecemos: se trata de una especie de boca a boca virtual.

Una vez hecha esta pequeña reseña, nosotros haremos referencia a vuestro negocio (y web, y lo que queráis) en una súper entrada en nuestro blog. Aparte de las visitas orgánicas que ya de por sí recibimos en el blog, publicaremos dicho artículo con vuestro nombre en nuestras redes sociales:

  • Llegaréis a nuestros más de 1000 seguidores en Facebook (ni que decir que todo el mundo lo usa).
  • A cientos de clientes en Twitter –la red social más de moda.
  • Y a otros tantos en Linkedin, la gran red de profesionales.

Que tu web y empresa sea recomendada y nombrada no solamente te da un prestigio en tu sector, sino que ayuda y colabora en la mejora de tu posicionamiento web. Que otras páginas te enlacen va a dar potencia a tu SEO y va a decirle a Google que eres relevante para otras webs. El círculo vicioso del éxito.

Ergo, beneficio para ti y para mí. ¿Te animas a dejarnos una reseña en Google Plus?

Queremos saber tu opinión
Vota esta página

seo_letras_freepik

Posicionamiento SEO: un caso de éxito

De 0 a 100 en posicionamiento orgánico de Google 

Que nos dedicamos al SEO (entre muchas otras cosas) ya lo sabes. Que podemos posicionar tu web para que salga en los primeros resultados de Google, ya lo has oído en anteriores ocasiones. No queremos volver a prometerte nada sin enseñarte uno de los casos de los que estamos más orgullosos: el de la web de cristalería Bolueta en Bilbao.

Porque… ¿qué mejor que un ejemplo claro y real de lo que podemos hacer por ti?

Cristalería Bolueta, 30 años de experiencia a las espaldas

La cristalería Bolueta es un pequeño negocio que lleva tres décadas en Bilbao. Su clientela, fiel como ninguna, ha quedado encantada durante generaciones con los servicios que ofrecen y la eficacia y responsabilidad con la que trabajan.

Se trata de una pequeña empresa que ha sobrevivido, por un lado a la crisis económica en pleno apogeo (que no es poco) y por otro, a la inmersión en la denominada revolución digital. Una empresa que llevaba todo a mano allá en los años 80, ha tenido que incorporar a su flujo de trabajo no solo los ordenadores, sino Internet, las webs, blogs, redes sociales, aplicaciones móviles y mucho más.

¿Cómo ha conseguido sobrevivir a un cambio tan radical?

 

Diseñado por Bedneyimages - Freepik.com

Confiando en profesionales (sí, nosotros) que trabajan mano a mano con negocios locales para posicionar su página web y adaptarlos a los nuevos tiempos mediante una relación de profesionalidad y eficacia absoluta: la misma que ellos han tenido con sus clientes a lo largo de estos años.

Los clientes de toda la vida seguirán yendo a la tienda física, sin necesidad de consultar a nadie. Pero las nuevas generaciones irán directamente a Google a buscar mamparas, cristaleras o puertas correderas en Bilbao, ciudad en la que se encuentra nuestro cliente.

Gracias al trabajo de nuestro equipo en Poison Estudio, hemos conseguido la posición número 1 en resultados de Google para búsquedas como:

  • “puertas correderas bilbao”
  • “puertas cristal bilbao”
  • “cristaleria bilbao”
  • “mamparas cristal bilbao”
  • “lunas cristal bilbao”
  • etc

Los resultados, como ves, son inmejorables: los números 1.

Muy bien, ya lo tienen todo hecho y están en lo alto: ¿para qué más necesitan vuestros servicios?

La pregunta es lógica, pero la respuesta es muy importante que la entiendas. El trabajo de SEO no es puntual, no se hace y se acaba. No es como comprar una camiseta que pagas, obtienes y te olvidas. Es un trabajo constante y necesario para seguir siendo el número 1. Igual que en el deporte.

Si se deja de trabajar la página, estos increíbles resultados se perderán e irán bajando posiciones. Y si bajan, significa que las de la competencia suben. Y todo aquél que busque en Google entrará antes en sus webs que no en la tuya. Proponemos un trabajo a dos bandas:

  • Optimización de la web y control de la velocidad de la misma
  • Añadir contenido de calidad de forma periódica con palabras clave
Posicionamiento SEO: un caso de éxito
Vota esta página

ur2000_portada

Turismo activo y deportes: Página web para UR 2000

Servicios de Turismo Activo y Deportes de Naturalezaturismo activo

UR 2000 es una empresa con más de 20 años de experiencia, son especialistas en todo lo relacionado con el Turismo Activo en el medio natural y urbano.  Desde la creación de productos y experiencias activas, al desarrollo de  proyectos vinculados al Turismo Activo y los Deportes de Aventura, la Formación de Profesionales y los programas de  Incentivos dirigidos a la empresa y al segmento MICE (Meetings, Incentives, Conferences, and Events).

Para UR 2000, hemos creado una página web con unos sliders muy atractivos para conseguir un mayor impacto visual, en los sliders hemos insertado unos eslóganes que van acompañados de unos botones de “saber más” para acceder directamente sobre la información.

La navegación a través del menú la página es muy sencilla, cada vez que pasamos por una de las secciones del menú la tipografía cambia de color para saber en que punto exacto del menú estamos.

Podemos destacar también, el apartado de contacto en el que además de las habituales formas de contacto (mapa, teléfono, email) le hemos añadido un formulario.

Turismo activo y deportes: Página web para UR 2000
Vota esta página

portada_kronikgune

Diseño de Newsletter para kronikgune.org

Una Newsletter sencilla y efectiva

newsletter sencilla
Para kronikgune.org, hemos creado  esta Newsletter sencilla y práctica. Sus boletines tendrán este formato tan moderno y elegante.

La navegación es muy intuitiva y es un diseño de fácil lectura. Ideal para llegar al cliente de una forma clara y precisa.

Diseño de Newsletter para kronikgune.org
Vota esta página