[PHP] 업로드된 이미지로 파비콘(favicon) 생성하기

2018-06-12 by 편리

공개된 PHP Class를 이용해 업로드된 이미지로 부터 파비콘을 생성하는 방법이다. 사용된 PHP Class는 https://github.com/chrisbliss18/php-ico 이다.

우선 이미지 파일 업로드를 위한 폼을 코딩한다.

<form name="form-favicon" method="post" action="./faviconCreate.php" enctype="multipart/form-data">
<label for="favicon" class="col-md-2 col-form-label">Favicon</label>
<div class="col">
    <div class="col row">
        <div>
            <input type="file" name="favicon" id="favicon" class="form-control-file form-control-sm pl-0">
        </div>
        <?php if (is_file($faviconPath.'/favicon.ico')) { ?>
        <div class="ml-2 pt-1 form-check">
            <input type="checkbox" name="favicon_del" id="favicon_del" class="form-check-input" value="1">
            <label for="favicon_del" class="form-check-label">Favicon delete</label>
        </div>
        <?php } ?>
    </div>
</div>
<div class="col mt-3">
    <button type="submit" class="btn btn-primary">Create</button>
</div>
</form>

업로드 파일로 부터 파비콘을 생성하는 faviconCreate.php 파일의 코드는 다음과 같다.

<?php
require( dirname( __FILE__ ) . '/class-php-ico.php' );

$faviconPath = './favicon/favicon.ico';

// Favicon
if (isset($_POST['favicon_del']) && $_POST['favicon_del']) {
    @unlink($faviconPath);
}

if ($_FILES['favicon']['name'] && is_uploaded_file($_FILES['favicon']['tmp_name'])) {
    $sizes = array( array(32, 32), array(180, 180), array(192,192), array(270, 270) );

    $icoSource = $_FILES['favicon']['tmp_name'];
    $icoTarget = $faviconPath;

    $icoLib = new PHP_ICO($icoSource, $sizes);
    $icoLib ->save_ico($icoTarget);
}

위 코드는 32×32, 180×180, 192×192, 270×270 사이즈의 파비콘을 생성해서 favicon.ico 파일을 생성하는 코드이다. class-php-ico.php 파일의 경로는 상황에 맞게 수정한다. 생성된 파비콘을 웹페이지에서 출력하기 위해서는 아래와 같이 코드를 추가해야 한다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="http://example.com/favicon/favicon.ico" rel="shortcut icon">
<title>Favicon Create</title>

파비콘 출력 코드는 <link href="http://example.com/favicon/favicon.ico" rel="shortcut icon"> 이다.

Leave a Reply Cancel reply