{% extends 'base.html.twig' %}{% block title %}Convert Images, Text, PDF and audio to base64 - Encode & Decode{% endblock %}{% block h1 %}Convert Images, Text, PDF and audio to base64{% endblock %}{% block body %}<div class="row"><div class="padding col text-center"><p>This tools provides you a quick way to generate Base64 encoded images that you can embed on your Html using <img> tags or Css. This tool supports most common image formats. We take privacy very serious so all the images are not uploaded to our servers, the conversion is made directly on your browser.</p></div></div><div class="row"><div class="col text-center"><p> Choose what you want to do!!</p></div></div><div class="row text-center"><div class="col margin"><a href="{{ path('image-to-base64') }}" title="Image to base64"><button id="imgtobase64" type="button" class="btn btn-info main-button mt-auto">Image to Base64<br /><i class="fas fa-image fa-2x"></i><i class="fas fa-long-arrow-alt-right fa-2x"></i><img class="base64" src="base64-white.png" alt="base64 logo" title="ToBase64"></button></a></div><div class="col margin"><a href="{{ path('base64-to-image') }}" title="Base64 to image"><button id="base64toimg" type="button" class="btn btn-info main-button mt-auto">Base64 to Image<br /><img class="base64" src="base64-white.png" alt="base64 logo" title="ToBase64"><i class="fas fa-long-arrow-alt-right fa-2x"></i><i class="fas fa-image fa-2x"></i></button></a></div></div><div class="row text-center"><div class="col margin"><a href="{{ path('text-to-base64') }}" title="Text to base64"><button id="texttobase64" type="button" class="btn btn-info main-button mt-auto">Encode Text to base64<br /><i class="fas fa-align-justify fa-2x"></i><i class="fas fa-long-arrow-alt-right fa-2x"></i><img class="base64" src="base64-white.png" alt="base64 logo" title="ToBase64"></button></a></div><div class="col margin"><a href="{{ path('base64-to-text') }}" title="Base64 to text"><button id="base64totext" type="button" class="btn btn-info main-button mt-auto">Decode base64 to text<br /><img class="base64" src="base64-white.png" alt="base64 logo" title="ToBase64"><i class="fas fa-long-arrow-alt-right fa-2x"></i><i class="fas fa-align-justify fa-2x"></i></button></a></div></div><div class="row text-center"><div class="col margin"><a href="{{ path('pdf-to-base64') }}" title="PDF to base64"><button id="texttobase64" type="button" class="btn btn-info main-button mt-auto">PDF to base64<br /><i class="far fa-file-pdf fa-2x"></i><i class="fas fa-long-arrow-alt-right fa-2x"></i><img class="base64" src="base64-white.png" alt="base64 logo" title="ToBase64"></button></a></div><div class="col margin"><a href="{{ path('base64-to-pdf') }}" title="Base64 to PDF"><button id="base64totext" type="button" class="btn btn-info main-button mt-auto">Base64 to PDF<br /><img class="base64" src="base64-white.png" alt="base64 logo" title="ToBase64"><i class="fas fa-long-arrow-alt-right fa-2x"></i><i class="far fa-file-pdf fa-2x"></i></button></a></div></div><div class="row text-center"><div class="col margin"><a href="{{ path('audio-to-base64') }}" title="Audio to base64"><button id="texttobase64" type="button" class="btn btn-info main-button mt-auto">Audio to base64<br /><i class="fas fa-music fa-2x"></i><i class="fas fa-long-arrow-alt-right fa-2x"></i><img class="base64" src="base64-white.png" alt="base64 logo" title="ToBase64"></button></a></div><div class="col margin"><a href="{{ path('base64-to-audio') }}" title="Base64 to audio"><button id="base64totext" type="button" class="btn btn-info main-button mt-auto">Base64 to audio<br /><img class="base64" src="base64-white.png" alt="base64 logo" title="ToBase64"><i class="fas fa-long-arrow-alt-right fa-2x"></i><i class="fas fa-music fa-2x"></i></button></a></div></div><div class="row mt2"><div class="accordion" id="accordionExample"><div class="card"><div class="card-header" id="headingOne"><a class="btn btn-link d-flex" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" title="what is tobase64.dev?"><h2>What is tobase64.dev?</h2><span class="ml-auto"></span></a></div><div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample"><div class="card-body">ToBase64.dev is a project that comes to bring developers the ability to convert text and images to base64 in a quick and easy way. Me, the creator, as a developer was used to convert images to base64 on different projects, so, why not create a tool for everyone?</div></div></div><div class="card"><div class="card-header" id="headingTwo"><a class=" btn btn-link d-flex" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" title="what is base64 enconding?"><h2>What is base64 encoding?</h2><span class="ml-auto"></span></a></div><div id="collapseTwo" class="collapse show" aria-labelledby="headingTwo" data-parent="#accordionExample"><div class="card-body">Base64 encoding schemes are used when there is a need to transfer or store binary data through a textual channel. With this kind of conversion, the data remains as it is, without any change during the transport. Base64 is used commonly used on email via MIME and to store complex data in XML. Nowadays, it is commonly used to store images on databases and to use it on HTML5 and Css3 so the pages loads faster.</div></div></div><div class="card"><div class="card-header" id="headingThree"><a class="btn btn-link d-flex" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" title="Is tobase64.dev secure?"><h2>Is tobase64.dev secure?<span class="ml-auto"></span></h2></a></div><div id="collapseThree" class="collapse show" aria-labelledby="headingThree" data-parent="#accordionExample"><div class="card-body">All communications with out servers are made through secure SSL encrypted connections (HTTPS protocol).Me, the developer, as a computer engineer loves to have the control of all the things that are happening, for this, i created a web page that can convert your image directly on your computer, we don't upload your images to our servers. The lower we upload to our servers the better you are protected.</div></div></div><div class="card"><div class="card-header" id="headingFour"><a class="btn btn-link d-flex" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" title="How does ToBase64.dev works?"><h2>How does tobase64.dev works?<span class="ml-auto"></span></h2></a></div><div id="collapseFour" class="collapse show" aria-labelledby="headingFour" data-parent="#accordionExample"><div class="card-body">ToBase64.dev is the easiest platform you will see,you just have to select what you want to do.<ol><li>If you select <strong>Image to base64</strong>, just pick one image from your computer and tobase64.dev will start converting it into base64 on the right side of the page. Here it will appear 3 codes:<ol><li>The raw base64</li><li>The base64 string to use on a src inside the <strong><img></strong> tag.</li><li>The base64 string to use on a css file</li></ol></li><li>If you select <strong>Base64 to image</strong>. Copy the text on the left box and click on the arrow to start the conversion, you will be able to download the image on the button <strong>download!</strong> once it has finished the conversion</li><li>If you select the <strong>Encode Text to base64</strong> option, it will allow you to convert any text to base64 just write it on the left side and click the arrow. The encoded text will appear on the right side</li><li>If you select the <strong>decode base64 to text</strong> option, it will allow you to convert any base64 string into a human readable string. Just copy your encoded string on the left side, click on the arrow and you will have the decoded text on the right side.</li></ol></div></div></div><div class="card"><div class="card-header" id="headingFive"><a class="btn btn-link d-flex" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" title="Is tobase64.dev free?"><h2>Is tobase64.dev free?<span class="ml-auto"></span></h2></a></div><div id="collapseFive" class="collapse show" aria-labelledby="headingFive" data-parent="#accordionExample"><div class="card-body">Tobase64.dev is a free to use tool. You can use this tool so you don't need to download any tool to do it. We keep our services running thanks to non-invasive ads, so please do not use advertising blockers on our website</div></div></div></div></div>{% endblock %}