URL Encoder

If you are a web developer or blogger, you need to put together a string for using it in a URL in many cases. To do that, you have to be very careful, you have to account some special characters that have special meanings in URL such as question marks or ampersands or multi-bytes Unicode characters that must be encoded properly to be expressed properly inside a URL. If you want to make sure that your URL follows proper rules, this is a handy encoder to check with.

     Test characters: ~!@#$%^&*=+(){}[],?/:;'\"\\
[ Outputs will be the encoded values of Test Characters unless input value is provided ]

Enter your URL:

escape():

encodeURI():

encodeURIComponent() (recommended):

Compare escape(), encodeURI(), and encodeURIComponent()


escape() Method

The escape() function computes a new string in Unicode format where certain characters have been replaced by a hexadecimal escape sequence. It encodes all the spaces, punctuation, accented characters, and any other non-ASCII characters. It doesn't encode all the special characters, such as @*_+-./. It replaces characters with %xx encoding, where xx is equivalent to the hexadecimal number representing the character. For example, # is returned as %23.
Test characters: ~!@#$%^&*=+(){}[],?/:;'\"\\

HTML Code Encoder

Encoding HTML code is important in many cases. We know that browsers may get the encoding wrong. Symbols might get mixed up or might show as unknown character. Encoding data converts potentially unsafe characters into their HTML-encoded equivalent. If you just paste 3 byte characters of some encoding into your HTML code without escaping them, things might get ugly. Its good habit to encode your HTML code. Below is a little tool to help you out. Copy your HTML code in the textbox, encode using encode button and click or focus the textbox to select encoded version of your code to copy. Its that simple!



Check out HTML Code Decoder.

Grab The Button...

Grab the above button and add to your blog or website to get easy access to Virtual Species. Simply click the textbox, copy the code and paste where you want to see the button. That's it!