ubiquitour.com

Cómo hacer más pequeños los iconos en una página de inicio

Si necesita realizar ajustes de tamaño rápido a los iconos en tu página de inicio, trate de cambiar el tamaño en el editor de HTML. Siempre es una buena idea usar editores de imágenes para hacer imágenes e iconos más pequeños, pero también puede realizar esta tarea mediante la manipulación de la etiqueta de "img" del documento HTML. Después de computar las dimensiones deseadas de los iconos, se aplican esos valores a atributos de altura y anchura de la etiqueta. Los usuarios que visiten tu página de inicio Ver iconos más pequeños en cuanto subas el documento revisado de HTML al servidor Web.

Instrucciones

Calcular nuevos tamaños de icono

1 Inicie Internet Explorer y vaya a tu página de inicio.

2 Haga clic derecho en uno de los iconos en la página, se abre la ventana de las propiedades. Nombre del icono aparecerá en la parte superior de la ventana. Escribir ese nombre.

3 Encontrar la etiqueta de "Dimensiones" ubicada cerca de la parte inferior de la ventana. Un valor aparece junto a esa palabra. Este valor muestra el icono de la altura y anchura. Es similar al valor que se muestra a continuación:

100 x 200 píxeles

El primer número, 100, es el ancho del icono. El segundo número representa la altura.

4 Multiplicar a cada número por una cantidad de porcentaje decimal. Si desea que el icono de 60 por ciento de su tamaño actual, se multiplican a ambos números por 0.6. Por ejemplo, si usted multiplica 100 x 200 píxeles por 0.6, obtendrá 60 x 120 píxeles. Escriba los valores más pequeños que junto a valores de tamaño de pixel actual del icono.

5 Repita estos pasos para cada icono que desea cambiar el tamaño. Cuando haya terminado, usted tendrá una lista de nombres de icono junto con sus valores de tamaño de pixel.

Cambiar el tamaño de los iconos

6 Inicie el editor de HTML o un procesador de textos como Bloc de notas.

7 Abra el documento de página de inicio que ver en Internet Explorer.

8 Busque la sección del cuerpo del documento. Busque la etiqueta "img" dentro de la sección de cuerpo que contiene el nombre del primer icono que escribió. La etiqueta img generalmente aparecerá como se muestra a continuación:

< img / >

En este ejemplo, el valor de la fuente, "los http://www.myHomePage.com/myIcon1.gif," señala a la ubicación del icono en la Web. El valor que ves depende de la ubicación real de la URL de tu icono de primera.

9 Agregue el texto siguiente después el valor de la URL en la etiqueta img:

width = "X" altura = "Y"

Sustituir "X" con el menor valor de anchura que usted escribió. Sustituir "Y" el menor valor de altura que escribió. Por ejemplo, si sus tamaño dimensiones son 60 x 120 píxeles, hacen la etiqueta img resultante aparece como sigue:

< img width = "60" height = "120" / >

El valor de la fuente "iconURL" es la ubicación URL del icono en la Web.

10 Repita este proceso para los otros iconos que desea hacer más pequeño. Guardar el documento HTML y ve en su navegador. Aparecerán los iconos con las dimensiones de anchura y la altura que se establece en el código. Subir la Página Web revisada al servidor Web cuando esté satisfecho con los nuevos tamaños de icono.

Consejos y advertencias

  • Multiplicando el ancho y la altura por el mismo factor mantiene la imagen proporcional cuando es más pequeño. Si ya conoces la anchura y la altura de los iconos, no necesita utilizar Internet Explorer para determinar esos valores.
  • Si no está seguro de cómo mucho para cambiar el tamaño de los iconos, prueba diferentes valores para la altura y anchura y luego ve a tu página de inicio en tu navegador. Si encuentra que los tamaños todavía necesitan ajustar, retomar el documento HTML y cambiar los valores alto y ancho. Guardar el documento, vuelva a su navegador y pulsa "F5". La página se actualice y mostrar una visión actualizada de tu página de inicio.