Display name under image (Image Picker Field)

Add to theme.liquid before closing </head>

<script type="text/javascript">
 function fieldAddedCallback(field, element) {
 if(field.type == "imagepicker"){
 $(element).find(".image-picker-item").each(function(index){
 var name = $(this).find("div.tip").data("tip");
 var titleBox = "<span>" + name + "</span>";
 $(this).append(titleBox);
 });
 }
 }
 </script>

Non jQuery Version (better)

<script type="text/javascript">
function fieldAddedCallback(field, element) {
if(field.type == "imagepicker"){
var pickers = document.querySelectorAll(".image-picker-item");
for (i = 0; i < pickers.length; ++i) {
var name = pickers[i].querySelector("div.tip").dataset.tip;
const titleBox = document.createElement("span");
titleBox.textContent = name ;
pickers[i].append(titleBox);
}
}
}
</script>