jSignature загрузка данных в виде картинки

Итак, у меня есть небольшая проблема, я в основном пытаюсь вывести эти данные в виде изображения, но это, похоже, не работает вообще.

Это та часть, где я сохраняю код

$("#saveSig").click(function() {
var sig = $("#signature").jSignature("getData", "base30");
alert(sig);

$.ajax({
url: "handler.php",
data: {func:"picture_insert",pic:sig},
type: "POST",
success: function(data) {
alert(data);
}
});
});

Теперь я сохраняю данные в виде строки (я преобразовываю их из массива в строку)

mysqli_query($conn,"INSERT INTO signature (signature) VALUES ('".implode("",$_POST['pic'])."')");

Теперь, когда я загружаю изображение

if($result->num_rows >= 1) {
while($row = $result->fetch_assoc()) {
echo "<img src='".$row['signature']."'/>";
}
}

Теперь вот несколько вопросов, которые у меня есть по этому поводу

1. Я знаю, что проблема в том, что я предоставляю код изображения вместо URL изображения, как мне решить эту проблему? Ну, когда я загружаю изображение, оно просто показывает, что значок, как изображение не существует
2. Есть ли способ, которым я могу просто экспортировать данные в виде рисунка, а не сохранять их в базе данных? Если нет, могу ли я как-то загрузить данные из БД и затем экспортировать их? Если так, как?
3. Поскольку я сохраняю изображение в базе данных как varchar, насколько большим оно должно быть? В настоящее время я установил его на 1024, но должен ли я увеличить размер? Так как эта вещь может быть довольно тяжелой.