Si somos diseñador o maquetador web, es bastante habitual utilizar un fondo de rayas de colores en un proyecto web HTML. Una alternativa para hacerlo puede ser diseñar el fondo, guardarlo entero como una imagen y aplicarlo a la web. El problema que tiene esta opción es que la imagen pesará bastante y aumentará el tiempo de carga de la web.
La otra alternativa es recortar un trozo de ese fondo en el punto y cantidad de píxeles exactos para que después, a través de CSS, se pueda repetir horizontal y verticalmente. De las dos, ésta es la mejor opción, ya que al entrar en la web, sólo se tendrá que descargar un pequeño trozo de imagen y la velocidad de carga del fondo de colores será prácticamente inmediata.
Sin embargo, este método presenta un problemilla y es que, encontrar el punto exacto por donde recortar las rayas de la imagen puede volvernos un poco locos y tardar veteasabertu cuanto tiempo. Por ello, me gustaría resaltar una herramienta que nos resolverá todos estos problemas.
Se trata de una web llamada ‘Stripe generator 2.0‘. Aquí podrás crearte tu propio fondo de rayas con la forma y colores que desees. Después podrás exportar el fragmento para que por HTML y CSS lo pongas de fondo y lo repitas.
Como su funcionamiento es bastante sencillo, sin más preámbulos os dejo el enlace para que podáis hacer vuestra propia imagen de fondo: generador de fondos de rayas de colores
Deja una respuesta