add preference save json
add the real time image