¿Qué es una imagen de reloj digital?

Un reloj digital muestra la hora con números en lugar de manecillas sobre una esfera, como los despertadores, los microondas y los marcadores deportivos. Esta herramienta reproduce ese aspecto como una imagen descargable, utilizando fuentes reales ya instaladas en tu navegador en lugar de una fuente dibujada de forma personalizada, para que los números se mantengan nítidos y coherentes con lo que ves en pantalla.

Descripción de la herramienta

Establece las horas, los minutos y los segundos, o carga la hora actual con un solo clic. Después, elige el formato de 12 o 24 horas y decide si quieres mostrar los segundos. Selecciona una fuente y un tamaño de fuente, activa o desactiva el resplandor estilo LED y ajusta su intensidad. También puedes establecer un color de fondo opcional y un color para los dígitos. Finalmente, descarga el resultado como PNG o JPG.

Funciones

  • Establece cualquier hora, minuto y segundo, o completa instantáneamente la hora actual
  • Formato de 12 horas con etiqueta AM/PM, o formato de 24 horas
  • Activa o desactiva la visualización de los segundos
  • Selección de fuentes monoespaciadas y del sistema, para que la vista previa siempre coincida con la descarga
  • Resplandor opcional con intensidad ajustable, para conseguir un aspecto realista de LED o despertador
  • Fondo opcional, para poder exportar los dígitos sobre un fondo transparente
  • Color de fondo, color de los dígitos y tamaño de fuente personalizables
  • Descarga como PNG o JPG, o imprime, con una resolución de hasta 3x

Cómo funciona

La hora se representa como texto sin formato en la fuente que elijas, con cifras tabulares para que cada dígito ocupe el mismo ancho. Como las distintas fuentes colocan sus glifos de manera diferente con respecto a su propia línea base y sus márgenes laterales, la herramienta mide la tinta renderizada real de cada fuente mediante la API TextMetrics de Canvas y ajusta el texto para que permanezca centrado en el panel, independientemente de la fuente seleccionada. El resplandor es un text-shadow detrás de los dígitos, que imita la forma en que una pantalla LED real proyecta luz sobre su carcasa; desactívalo para obtener un aspecto plano y limpio. Como la pantalla se crea a partir de fuentes que ya están instaladas en tu navegador, en lugar de utilizar una fuente personalizada incrustada, la imagen descargada siempre tiene exactamente el mismo aspecto que la vista previa.

Consejos

  • Activa el resplandor con un fondo oscuro y un color de dígitos rojo o verde para conseguir un aspecto realista de despertador o marcador deportivo.
  • Desactiva el fondo para obtener un PNG transparente que puedas colocar sobre otro diseño.
  • Desactiva «Mostrar segundos» para conseguir una visualización de la hora en dos partes más limpia, por ejemplo, para un gráfico de reloj de pared o una miniatura.
  • Aumenta el tamaño de la fuente para crear una imagen grande con estilo de banner, o mantenlo pequeño para usarlo como icono o fuente de favicon.