Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
Kommentar vom Moderator masterG am 03.11.2010 um 19:37:06 Uhr
verschoben nach CSS
GELÖST

Bild aus dem Web in Originalgrösse auf A4 drucken

Frage Entwicklung CSS

Mitglied: marco1234

marco1234 (Level 1) - Jetzt verbinden

03.11.2010, aktualisiert 19:37 Uhr, 6186 Aufrufe, 11 Kommentare

Hallo!

Ich habe ein CD Cover erstellt, dessen Daten mit PHP automatisch generiert werden. Funktioniert alles einwandfrei.

Mein Problem ist jetzt einfach, dass das Bild beim Ausdrucken automatisch verkleinert wird. Wenn ich das generierte cover.jpg lokal mit einem Bildbearbeitungsprogramm öffne und drucke, habe ich genau meine benötigten Masse. Lasse ich das Bild im I-Net anzeigen (Grösse stimmt, egal welcher Browser) und wähle dann drucken, wird das Bild verkleinert und ist für mich somit unbrauchbar.

Was kann ich einstellen / programmieren, damit das Bild auch aus dem Web in Originalgrösse auf das A4 Blatt kommt?

Habe das das Bild auch schon von 72 DPI auf 500 DPI aufgestockt. Das Problem besteht aber trotzdem noch.

Danke und Gruss
Marco
Mitglied: brammer
03.11.2010 um 09:14 Uhr
Hallo,

wenn du das Bild mit einem Programmwie Irfan View öffnest, welche Bildgröße wird denn dort angezeigt ?

brammer
Bitte warten ..
Mitglied: nxclass
03.11.2010 um 10:18 Uhr
Du solltest ein extra CSS File zum Drucken anlegen - und dort ein Bild mit höherer Pixelzahl benutzen. ( CSS angaben in pt oder cm)
Oder gleich das große Bild nehmen und per HTML oder CSS für die Anzeige runter skalieren.

prüfe mal: ob eine höhere DPI Zahl erzeugt wird, wenn Du das Bild in einem anderen Format speicherst (PNG oder TIFF)

EDIT: http://de.selfhtml.org/css/formate/einbinden.htm#media
Bitte warten ..
Mitglied: Florian.Sauber
03.11.2010 um 15:03 Uhr
Hallo!

Zitat von marco1234:
Ich habe ein CD Cover erstellt, dessen Daten mit PHP automatisch generiert werden. Funktioniert alles einwandfrei. Mein Problem ist jetzt einfach, dass das Bild beim Ausdrucken automatisch verkleinert wird.

Druckst Du dabei das Bild aus, indem Du es vorher seperat anzeigen lässt, oder druckst Du Seite, in der das Bild eingebettet ist aus. Ausschnitte aus dem Sourcecode wären da hilfreich.

Von was für Auflösungen bzw. absoluter Pixelanzahl /pro Seitenverhältnis sprechen wir?

Ein seperates Sylesheet fürs Drucklayout gehört, wie nxclass schon schreibt, nicht nur zum guten Ton, sondern erlaubt, soweit dies mgl ist, Kontrolle über die Darstellung.

LG Florian
Bitte warten ..
Mitglied: marco1234
04.11.2010 um 08:18 Uhr
Hallo zusammen

Danke für eure schnellen Antworten.

Wenn ich das Bild mit einem Bildbearbeitungsprogramm (MS Picture Manager, IrfanViewer, Photoshop etc.) ist die Grösse 500 x 800 mit 500 DPI. So wie ich es eingerichtet habe.

Auf meiner Seite bzw. auf einer leeren Seite, wo nur das Bild ausgegeben wird, wird meine Cover Vorlage auch mit 500 x 800 dargestellt. Alles super!

Nur wenn ich jetzt im Browser auf Drucken... gehe bzw. per JavaScript drucke, wird meine Vorlage auf dem A4-Blatt verkleinert. Es werden ja auch automatisch Informationen, wie URL, Datum etc., aufs Blatt mitgedruckt. Das sollte aber nicht das Problem sein. Platz hätte es genug.

Wenn ich das Cover lokal ausdrucke ist es genau 13x13cm. Nach dem Ausdruck im I-Net nur noch 8.5x8.5 :-S

Vielleicht noch kurz zum Generieren des Covers. Ich habe eine Vorlage mit Photoshop erstellt. Die ganze .jpg-Datei ist 500 x 800 gross. In PHP nehme ich meine Werte und positioniere diese an den entsprechenden Orten auf dem Cover:

Beispiel:
01.
imagettftext($image,15, 0, 73, 125, $textcolor, $ttf, $producer); 
Ich muss es irgendwie schaffen, dass der Browser das Cover beim Drucken nicht verkleinert.

Ich habe übrigens ein print.css jedoch nichts für Bilder definiert.

>Du solltest ein extra CSS File zum Drucken anlegen - und dort ein Bild mit höherer Pixelzahl benutzen.

also im print.css einfach nochmals 500x800 für das Bild angeben?

01.
img#cd_cover { 
02.
  		width: 500px; 
03.
		height: 800px; 
04.
		}
thx and gr
marco
Bitte warten ..
Mitglied: nxclass
04.11.2010 um 10:23 Uhr
also im print.css einfach nochmals 500x800 für das Bild angeben?
Für den Drucker muss natürlich eine Maßeinheit genutzt werden welche auch eindeutig ist. zB. pt oder cm - mit Pixeln kann nur der Bildschirm gut umgehen.

01.
@media print { 
02.
    img#cd_cover { width: 13cm; height: 13cm; } 
03.
04.
@media screen { 
05.
    img#cd_cover { width: 500px; height: 800px; } 
06.
}
die Grösse 500 x 800 mit 500 DPI
Wenn ich das Cover lokal ausdrucke ist es genau 13x13cm. Nach dem Ausdruck im I-Net nur noch 8.5x8.5
.. da stimmt doch schon das Seitenverhältnis nicht !?

x: 500px / 500dpi = 1 inch = 2.54 cm
y: 800px / 500dpi = 1,6 inch = 4.06 cm
... also da müsste eigentlich was anderes raus kommen

EDIT:
In PHP nehme ich meine Werte und positioniere diese an den entsprechenden Orten auf dem Cover
ist das Bild dann immer noch 500dpi ? - wahrscheinlich nur 300dpi - dann könnte die Rechnung stimmen und die ca. 8cm rauskommen.
Bitte warten ..
Mitglied: marco1234
04.11.2010 um 11:22 Uhr
hi!

Danke für die Tipps!

Ja, hat funktioniert jedoch mit:

01.
img#cd_cover {  
02.
	width: 30cm; 
03.
	height: 48cm; }
Bitte warten ..
Mitglied: marco1234
05.11.2010 um 08:31 Uhr
weiss jemand von euch villeicht auch, wie man per JavaScript angeben kann, dass nur die Seite 2 gedruckt werden soll??
Bitte warten ..
Mitglied: nxclass
05.11.2010 um 10:19 Uhr
dass nur die Seite 2 gedruckt werden soll??
das wird wohl auch nur durch CSS gehen, indem Du in der print Version den Inhalt der ersten Seite unsichtbar machst.
01.
div.noprint { 
02.
    display: none; 
03.
04.
<!-- --> 
05.
<div class="noprint">Seite 1</div> 
06.
<div>Seite 2</div>
Bitte warten ..
Mitglied: marco1234
08.11.2010 um 10:12 Uhr
Geht leider nicht. Das Problem ist, dass das Cover zu gross ist und die Infozeilen verschiebt. Auf der 1. und 3. Seite steht nur ein Satz und auf der 2. ist mein Cover xD
Bitte warten ..
Mitglied: nxclass
08.11.2010 um 11:55 Uhr
Dann hilft evtl. nur eine absolute Positionierung der Elemente.
01.
div.image { 
02.
  position: absolute; 
03.
  z-index: 1; 
04.
  top: 1cm; 
05.
  left: 1cm; 
06.
}
... so dass die DIV Elemente sich überlagern können.

http://de.selfhtml.org/css/eigenschaften/positionierung.htm
Bitte warten ..
Mitglied: marco1234
12.11.2010 um 10:09 Uhr
Bringt mir leider nichts.... :-S

Hab's jetzt so gelöst:
Das Cover wird in einem separatem Fenster angezeigt. Im Fenster onload wird der Druck gestartet. Auf meiner Hauptseite habe ich dann einfach diese Seite beim Drucklink hinterlegt.

Aufruf:
01.
<a href="print_cover.php">
Druck:
01.
<style> 
02.
img#cover {  
03.
	width: 30cm; 
04.
	height: 48cm; }	 
05.
</style> 
06.
</head> 
07.
<body onload="print();"
08.
  <div id="print"
09.
	<img src="cover.jpg"  id="cover"/> 
10.
  </div> 
11.
</body>	
Danke für eure Hilfe!
Marco
Bitte warten ..
Ähnliche Inhalte
Server
Bilder aus dem Web mit CSV runterladen
gelöst Frage von YannoschServer31 Kommentare

Servus, hat jemand eine Ahnung wie ich das am besten löse? Ich habe eine csv Datei mit einer Liste ...

Webbrowser
Drucken über Internet Explorer OHNE Hintergrund . nicht als Bild
Frage von ArchimedesWebbrowser1 Kommentar

Frohes Neues zusammen, ich suche mir nun schon seit Tagen einen Wolf. Leider ohne Erfolg. Ich hoffe einer von ...

Drucker und Scanner
Aktueller Scanner mit A4-Durchlichteinheit
Frage von SarekHLDrucker und Scanner12 Kommentare

Hallo zusammen, ich suche einen A4-Scanner mit Durchlichteinheit. Die Geräte, die ich bisher via Google & Co. gefunden habe, ...

Windows 7
Fehler splwow64.exe - Ungültiges Bild bei PDF-Druck, Drucker über Gruppenrichtlinien
gelöst Frage von bobbygehtheimWindows 72 Kommentare

Hallo, ich arbeite an einem Windows 7 Professional PC und beim Drucken von PDFs erscheint mehrfach ein Fenster "splwow64.exe ...

Neue Wissensbeiträge
Windows 10

Autsch: Microsoft bündelt Windows 10 mit unsicherer Passwort-Manager-App

Tipp von kgborn vor 2 TagenWindows 106 Kommentare

Unter Microsofts Windows 10 haben Endbenutzer keine Kontrolle mehr, was Microsoft an Apps auf dem Betriebssystem installiert (die Windows ...

Sicherheits-Tools

Achtung: Sicherheitslücke im FortiClient VPN-Client

Tipp von kgborn vor 2 TagenSicherheits-Tools

Ich weiß nicht, wie häufig die NextGeneration Endpoint Protection-Lösung von Fortinet in deutschen Unternehmen eingesetzt wird. An dieser Stelle ...

Internet

USA: Die FCC schaff die Netzneutralität ab

Information von Frank vor 2 TagenInternet5 Kommentare

Jetzt beschädigt US-Präsident Donald Trump auch noch das Internet. Der neu eingesetzte FCC-Chef Ajit Pai ist bekannter Gegner einer ...

DSL, VDSL

ALL-BM200VDSL2V - Neues VDSL-Modem mit Vectoring von Allnet

Information von Lochkartenstanzer vor 2 TagenDSL, VDSL2 Kommentare

Moin, Falls jemand eine Alternative zu dem draytek sucht: Gruß lks

Heiß diskutierte Inhalte
Batch & Shell
Kann man mit einer .txt Datei eine .bat Datei öffnen?
gelöst Frage von HelloWorldBatch & Shell20 Kommentare

Wie schon im Titel beschrieben würde ich gerne durch einfaches klicken auf eine Text oder Word Datei eine Batch ...

LAN, WAN, Wireless
WLAN Reichweite erhöhen mit neuer Antenne
gelöst Frage von gdconsultLAN, WAN, Wireless9 Kommentare

Hallo, ich besitze einen TL-WN722N USB-WLAN Dongle mit einer richtigen Antenne. Ich frage mich jetzt ob man die Reichweite ...

Router & Routing
Wieso kann ich den UPD 7000-9000 nicht freigeben?
Frage von Jayk0bRouter & Routing8 Kommentare

Router: Telekom W 723V Ports: UDP 7000-9000 Können nicht frei gegeben werden. Benutzgrund: Rocket League 7000 – 9000 UDP ...

Router & Routing
Fritzbox Gastnetz - exposed Host - zur Sophos IPTV
Frage von medikopterRouter & Routing8 Kommentare

Hallo zusammen, ich habe eine Frage bezüglich des Fritz box Gastzugangs an einer Sophos UTM Home. An liebsten wäre ...