Archive for month: September, 2009

PHP agregar marca de agua GD2

Categories: PHP - Tags:

Podriamos añadir marcas de agua usando Photoshop pero cuando tenemos cientos de imágenes y encima queremos que las imágenes que suban los usuarios automáticamente tengan una marca de agua lo mejor es hacer que PHP se encargue, para eso vamos a usar GD2.

Para los que no conocen GD2 es una extensión de PHP que nos permite manejar imágenes en los principales formatos web JPG, GIF, PNG, nos permite cambiarles el tamaaño, crear imágenes nuevas, ponerles textos, crear captchas, etc.

OJO En la mayoría de servidores se encuentra instalada por defecto, si trabajamos en localhost es posible que debamos activarla primero si usas Wamp PHP/PHP extensions/GD2

Creando la marca de agua

Podemos usar un PNG 24bits o un PNG común, la ventaja del primero es que podremos tener un watermark semitransparente y sin bordes pixelados para obtener un mejor efecto.

GD2 con PHP

Bueno veamos esta función para crear la marca de agua

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
/// la imagen que usaremos como marca de agua
$watermark = "proof150.png"; /// PNG 8 o 24 bits
$quality = "75"; // calidad del JPG resultante
$imagedir = "images";
watermark($imagen_original, $imagen_con_watermark, $watermark, $quality);

function watermark($srcfilename, $newname, $watermark, $quality) {
$imageInfo = getimagesize($srcfilename);
$width = $imageInfo[0];
$height = $imageInfo[1];
$logoinfo = getimagesize($watermark);
$logowidth = $logoinfo[0];
$logoheight = $logoinfo[1];
$horizextra =$width - $logowidth;
$vertextra =$height - $logoheight;
$horizmargin =  round($horizextra / 2);
$vertmargin =  round($vertextra / 2);
$photoImage = ImageCreateFromJPEG($srcfilename);
ImageAlphaBlending($photoImage, true);
$logoImage = ImageCreateFromPNG($watermark);
imagealphablending($logoImage,true);
$logoW = ImageSX($logoImage);
$logoH = ImageSY($logoImage);
// añadimos marca de agua
ImageCopy($photoImage, $logoImage, $horizmargin, $vertmargin, 0, 0, $logoW, $logoH);
//ImageJPEG($photoImage); // No grabarlo sino mostrarlo en el browser
ImageJPEG($photoImage,"images/watermarked/wm_".$newname, $quality);
// Liberamos memoria
ImageDestroy($photoImage);
ImageDestroy($logoImage);
}

Como imagen de origen podemos usar un archivo ya existente o podríamos usar una imagen enviada desde un formulario.

SEO que NO debemos hacer

Categories: Otros

En muchos lugares dice que debemos hacer pero tambien hay que tener en cuenta el otro lado de la moneda y tener en cuenta lo que NO debemos hacer porque podriamos ser sancionados y borrados de un buscador (si no estamos en google no existimos).

Algunas de estas prácticas inadecuadas son usadas por una serie de empresas “especializadas” en SEO que en un inicio pueden lograr un rápido posicionamiento de nuestro sitio pero a la larga son descubiertas y nuestro sitio será sancionado.

Bueno, vamos al grano:

  • No usar consultas automizadas a google, seguro hemos visto algunos sitios que indexan una busqueda dentro de la búsqueda de google sin ningún contenido relevante sólo para atrapar visitantes
  • No usar textos y vínculos ocultos, para los buscadores la hoja de estilos no existe así hay algunas páginas que llenan mucho texto invisible para hacer creer que hay contneido relevante
  • No duplicar contenidos creando dominios, subdominios o varias páginas con lo mismo, otra cosa distinta es contar con varios links a un mismo lugar eso si es conveniente(sin exagerar claro)
  • No crear páginas con codigo malicioso, esta demás decir porque no debemos regalar malware a nuestros visitantes
  • Existen muchos sitios para afiliarse y a cambio debemos poner sus banners, hay que tomar en cuenta que no siempre son útiles y tal vez nunca nos den visitas
  • No usar páginas “puerta” es decir páginas repletas de palabras clave para hacerlo más relevante el sitio pero que rara vez contienen algo relevante
  • No usar “dominios sombra” es decir aquellos que envían usuarios a un sitio con redireccionamientos engañosos

Evitar que google indexe ciertas páginas

Categories: Posicionamiento, seo - Tags: ,

Hasta ahora había publicado algunos tips para mejorar nuestro posicionamiento y lograr que google nos indexe.

Sin embargo a veces es necesario que no indexe todo, sino que se abstenga de incluir ciertas carpetas y páginas que deben estar ocultas a usuarios ajenos para esto hay que crear un archivo ROBOTS.TXT y subirlo en la carpeta principal de nuestro sitio (usualmente www y/o public_html).

En pocas palabras va a hacer lo opuesto a un sitemap indicando que NO indexar

¿Qué es robots.txt?

Este archivo permite dar ciertas directivas a los spiders de lo buscadores (google, yahoo…), podemos indicar que estas instrucciones sean para un spider específico por ejemplo:

1
User-agent: *

En este caso le decimos que las condiciones se aplique a todos, luego podemos decirle que no indexe la carpeta imagenes por ejemplo
y la pagina login.html

1
2
3
4
5
User-agent: *
Disallow: /login.html
Disallow: /imagenes/
Disallow: /*/subcarpeta/
Disallow: *

Existen otras opciones que puedes revisar en su WEB

Photoshop cs4 teclas rapidas hotkeys

Categories: photoshop - Tags:

Nunca he sido bueno memorizando teclas rápidas y eso que llevo varios años metido en el mundo del diseño, sin embargo para recordar las más comunes siempre es interesante contar con un resumen de esta y que mejor que en PDF para revisarlas rápidamente no sólo para Photshop CS4 sino también para versiones anteriores.

Photoshop Hotkeys

Google Chrome Frame en IE

Categories: Otros - Tags:

Personalmente Chrome no me gusta mucho como navegador ya que aún le falta un largo camino por recorrer sobre todo en cuanto a complementos refiere, por eso prefiero Firefox pero no hay duda que una de las cosas que más tiempo me quitan a la hora de hacer un diseño es hacerlo compatible con las tres versiones de Internet Explorer en especial con IE6.

Este Google Chrome Frame permite seguir usando la interfaz de estos fallados Internet Explorer pero con el motor de Chrome con todas las ventajas que esto conlleva es decir tendriamos un Internet Explorer que muestre HTML5, con un javascript muy rápido y que sobre todo respete estándares.

Aún es una versión inicial pero promete mucho, pueden probarlo AQUI